jQuery Mobile显示隐藏的select元素

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目前存在一个问题，它无法将自定义类（甚至是style属性的自定义样式）附加到增强元素。请检查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）。