jQuery移动端：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>

在我的搜索输入框和隐藏的输入框之间，当用户在搜索输入框中输入时，我会执行一些操作，并将其值更新到隐藏字段中。同时，我注意到这个带有“ui-helper-hidden-accessible”类的span元素会随着隐藏输入框的值而更新其内容。我不确定发生了什么，或者是什么触发了这一事件。经过调查，我发现：http://forum.jquery.com/topic/ui-helper-hidden-accessible-change。实际上，这个字段的目的是“隐藏但仍然可访问”，但是这并不是事实 - 它在浏览器中呈现为可见状态。有没有办法禁用jQuery在我的表单中创建这个元素？

- bguiz

---

你能在jsFiddle中重现这个问题吗？你的标记片段只包含JQM，呈现正常（隐藏的输入框已被隐藏），DOM中没有这样的span。 - peterm

这可能会有所帮助：http://jquerymobile.com/demos/1.2.0/docs/forms/docs-forms.html - user235273

Answer 1

你可以尝试这个。

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

- Manish Kundu

Answer 2

在焦点时隐藏该类：

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

- ThdK

Answer 3

不确定您是否可以禁用jQuery Mobile正在执行的操作，但如果我理解您的需求，您是否尝试过仅隐藏该元素？

$(".ui-helper-hidden-accessible").hide();

希望这能有所帮助。

- sgeddes

Answer 4

尝试这个：

试一下：

$(".ui-helper-hidden-accessible").remove();

- Emira.B