स्टाइलिंग तत्व से jquery मोबाइल को रोकें

Question

मुझे एक चेकबॉक्स मिला है जिसे मैं पृष्ठ पर छिपाना चाहता हूं।

<input type='checkbox' style='display:none' /> 

हालांकि, मैंने देखा jQuery मोबाइल स्वतः एक div कि इस तरह दिखता है में चेकबॉक्स लपेटता:: मेरा स्पष्ट पहला प्रयास निम्नलिखित था

<div class='ui-checkbox'> 
    <input type='checkbox' style='display:none;' /> 
</div> 

मैं ग्रहण करेंगे वहाँ data- तत्व किसी तरह का है कि जो इस अतिरिक्त स्टाइल को रोक देगा, लेकिन इसे दस्तावेज़ों या अन्य जगहों में नहीं मिला है। सीएसएस में इसे छिपाने के लिए .ui-checkbox को ओवरराइड करना भी आसान है, लेकिन यह एक और अधिक jQuery-मानक दृष्टिकोण पसंद करेगा। क्या ऐसी किसी वस्तु का अस्तित्व है?

Answer 1

विशेषता है कि स्टाइल से बचाता है data-role="none"

<input type='checkbox' style='display:none' data-role="none" /> 

Jquery doc देखें: "रोकथाम प्रपत्र तत्वों की स्वत: प्रारंभ"

Answer 2

भविष्य उपयोगकर्ताओं के लिए।

बस अगर आप प्रत्येक फॉर्म तत्व के लिए अक्षम करना चाहते हैं या आपके रूप गतिशील रूप से लोड हो रहे हैं जहां आप मार्कअप को संपादित नहीं कर सकते हैं।

 $(document).on('pagebeforecreate', function(e) { 
      $("input, textarea, select", e.target).attr("data-role", "none"); 
     }); 

Answer 3

मैं आदानों बदल सकते हैं और डेटा-भूमिका जोड़ने के लिए भी कई स्थानों पर है = "कोई नहीं" निम्नलिखित कोड मेरे लिए काम करता है:

<script> 
     $(document).bind('mobileinit',function(){ 
      $.mobile.page.prototype.options.keepNative = "select,input"; 
     });   
    </script> 
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>