Question

<div id="foo">
   <input type="text" id="myinput" class="ui-hidden-accessible">
   <a href="#" onclick="myFunc()" data-role="button">Bar</a>
   <ul id="search" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Search 1" ></ul>
   <ul id="search2" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Search2" ></ul>
</div>

我试图完全隐藏输入字段，但jquery mobile在它周围添加了一个丑陋的div，它是100％宽度的页面和2px高（灰色）。是否可以用css隐藏它？

Answer 1

使用jQuery： 因为jQM总是只用一次潜水包装输入，你可以这样做：

$("#myinput").parent().hide();

使用数据角色： 如果将data-role="none"添加到输入中，则jQM将不会应用样式。

<input type="text" id="myinput" class="ui-hidden-accessible" data-role="none">

Answer 2

使用data-wrapper-class属性应用任何input类型的自定义类。

<input type="text" data-wrapper-class="ui-hidden-accessible custom-style">

这些类将被添加到输入的父div中。

jQM ui-hidden-accessible不会隐藏父div

2 个答案: