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）。