jQuery Mobile, gizlenen seçili öğeleri görüntüler

Question

display:none ile bu select öğesine bakın. jQuery Mobile yılında buna rağmen görüntülenir: G/göstermeye çalışıyorum

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

Yukarıda yapıyorum dolayısıyla neden diğer kullanıcı eylemleri bağımlı jQuery Mobile select öğeleri gizlemek.

Herhangi bir fikrin var mı?

Answer 1

Sayfanız yüklendiğinde, jQuery Mobile, sayfanınüzü mobil görünümüne sahip olacak şekilde zenginleştirir. Maalesef, jQuery mobile ile geliştirilmiş öğelere özel sınıflar (ve hatta stil özelliklerine göre özel stiller) ekleyemediği bir sorun var. Lütfen sorun için https://github.com/jquery/jquery-mobile/issues/3577 kontrol edin. Bu sorun hala çözülmez iken bir geçici çözüm olarak, aslında bir div öğesinin içine sarın ve bunun yerine div sarıcı görünümünü denetleyebilirsiniz.

<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

bir element gizleme (jquery.mobile..css olarak) bir jquery mobil tanımlanmış stil kuraldır.