jQuery mobile:ui-helper-hidden-accessible

Question

在我的HTML代码中:

<div data-role="fieldcontain" id="containdiv" class="no-field-separator">
    <label for="field1" class="ui-hidden-accessible">To</label>
    <input type="search" name="field1" id="field1" autocorrect="off" autocapitalize="off" autocomplete="off" placeholder="Field #1?" value="" />
    <input type="hidden" id="field1val" name="field1val"/>
</div>

在DOM中,在由jQUery mobile处理之后,插入了以下元素

<span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>

在我的搜索input和我隐藏之间input.

当用户输入我的搜索输入时,我会做一些事情,并用它更新隐藏字段的值.

当发生这种情况时,我注意到这个span(带有类" ui-helper-hidden-accessible")的内容用隐藏输入的值更新.

我不确定发生了什么,或者这是由什么引发的.

调查,我发现:http: //forum.jquery.com/topic/ui-helper-hidden-accessible-change

此字段的目的实际上是"隐藏但仍可访问",但是,似乎并非如此 - 它在浏览器中呈现为可见.

有没有办法禁止jQuery在我的表单中创建这个元素？

Answer 1

隐藏焦点上的类:

$( ".selector" ).autocomplete({
focus: function (event, ui) {
                $(".ui-helper-hidden-accessible").hide();
                event.preventDefault();
            }
});

Answer 2

你可以试试这个.

.ui-helper-hidden-accessible { display:none; }