Question

使用select查看此display:none元素。在jQuery Mobile中，尽管如此显示它：

<select id="dddd" name="dddd"
        data-mini="true" data-native-menu="false" data-theme="c"
        onChange=""
        style="display:none">     
  <option value="1">An optinos</option>
</select>

我正在尝试显示/隐藏依赖于其他用户操作的jQuery Mobile select元素，因此我为什么要这样做。

有什么想法吗？

Answer 1

当您的网页加载时，jQuery Mobile会增强您的网页，使其具有移动外观。不幸的是，jQuery mobile目前存在一个问题，它无法将自定义类（甚至是样式属性的自定义样式）附加到增强元素。请检查https://github.com/jquery/jquery-mobile/issues/3577是否有问题。作为一个解决方法，虽然这个问题仍然没有解决，你实际上可以将它包装在div元素中并控制div包装器的显示。

<div id="dddd-wrapper" class="ui-screen-hidden">
  <select data-mini="true" data-native-menu="false" id="dddd" name="dddd" data-theme="c"     onChange="" style="display:none">     
    <option value="1">An optinos</option>
  </select>
</div>

ui-screen-hidden是一个jquery移动定义样式规则（在jquery.mobile..css中），用于隐藏元素。

jQuery Mobile显示隐藏的选择元素

1 个答案: