jQuery mobile : ui-helper-hidden-accessible答案

【问题标题】：jQuery mobile : ui-helper-hidden-accessiblejQuery mobile : ui-helper-hidden-accessible
【发布时间】：2013-01-13 02:42:55
【问题描述】：

在我的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 之间。

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

发生这种情况时，我注意到这个跨度（类“ui-helper-hidden-accessible”）的内容更新为隐藏输入的值。

我不确定发生了什么，或者这是由什么触发的。

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

此字段的目的实际上是使其“隐藏但仍可访问”，然而，情况似乎并非如此 - 它在浏览器中呈现为可见。

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

【问题讨论】：

你能在 jsFiddle 中重现问题吗？您仅使用 JQM 的标记片段按预期呈现（隐藏的输入被隐藏）并且在 DOM 中没有这样的跨度。
这可能会有所帮助：jquerymobile.com/demos/1.2.0/docs/forms/docs-forms.html

标签： javascript jquery html css jquery-mobile

【解决方案1】：

隐藏焦点类：

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

【讨论】：

【解决方案2】：

你可以试试这个。

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

【讨论】：

【解决方案3】：

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

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

希望这会有所帮助。

【讨论】：

【解决方案4】：

试试这个：

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

【讨论】：