jQuery मोबाइल डिस्प्ले छुपाएं चयनित तत्व

Question

तत्व display:none के साथ देखें। jQuery मोबाइल में यह इस के बावजूद प्रदर्शित होता है:

<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 मोबाइल छिपाने select तत्वों।

कोई विचार?

Answer 1

जब आपका पृष्ठ लोड होता है, तो jQuery मोबाइल आपके पृष्ठ को मोबाइल लुक-एंड-महसूस करने के लिए बढ़ाता है। दुर्भाग्यवश, वर्तमान में jQuery मोबाइल के साथ एक मुद्दा है कि यह उन्नत तत्वों के लिए कस्टम वर्ग (और शैली शैली द्वारा कस्टम शैलियों) को भी संलग्न नहीं कर सकता है। इस मुद्दे के लिए कृपया https://github.com/jquery/jquery-mobile/issues/3577 देखें। कामकाज के रूप में, जबकि इस समस्या को अभी भी हल नहीं किया गया है, आप वास्तव में इसे एक div तत्व के अंदर लपेट सकते हैं और इसके बजाय div wrapper के प्रदर्शन को नियंत्रित कर सकते हैं।

<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 में) है।