2012-04-11 13 views
47

क्या यह मेरे मोबाइल बॉक्स को स्टाइल करने और बटन सबमिट करने के लिए jQuery मोबाइल को निर्देश देना संभव है। मैं अपने कस्टम सीएसएस के साथ अच्छा हूँ। jQuery मोबाइल स्क्रिप्ट अपने सभी तत्वों के लिए अपनी शैली लागू कर रहा है।मैं अपने विशिष्ट फॉर्म तत्वों 0 शैलियों को लागू करने के लिए jQuery मोबाइल को कैसे रोक सकता हूं

मैंने जो काम किया है, वह मेरे कस्टम सीएसएस में उन तत्वों को ओवरराइड कर रहा है। क्या कोई अन्य कार्य उपलब्ध है जहां मैं यह कर सकता हूं? इस

$.ignoreStyles("button,text"); 

उत्तर

100

jQuery मोबाइल जैसे कुछ बात तत्वों जिसका data-role विशेषताओं none की तैयारी में हैं पर ध्यान नहीं देगा। इसलिए, आप इन गुणों को अपने मार्कअप में आसानी से जोड़ सकते हैं:

<input type="text" name="foo" data-role="none" /> 
<button type="button" id="bar" data-role="none">Button</button> 
+3

कोशिश उन अपवादों के लिए बहुत अच्छी तरह से काम करता है जहां आपको एक निश्चित पृष्ठों और कुछ तत्वों पर jquery मोबाइल स्टाइल से बचने की आवश्यकता है। – Kon

+0

डेटा-भूमिका = "कोई नहीं" के साथ सबमिट बटन अभी भी काम करने के लिए gooing है? – utdev

6

यह मेरे लिए काम करता है।

$(document).bind("mobileinit", function() { 
    $.mobile.ignoreContentEnabled = true; 
}); 

<div data-enhance="false"> 
    <input type="checkbox" name="chkbox1" id="chkbox1" 
     checked /> 
    <label for="chkbox1">Checkbox</label> 
    <input type="radio" name="radiobtn1" id="radiobtn1" 
     checked /> 
    <label for="radiobtn1">Radio Button</label> 
    </div> 
+0

बहुत बढ़िया, धन्यवाद! – gvsrepins

2

@angelokh समाधान मेरे लिए काम किया। इसके अलावा नीचे दिए गए लिंक पर नज़र डालें: को

http://my.safaribooksonline.com/book/-/9781849517225/7dot-configurations/ch07s06_html

भी महत्वपूर्ण है jquery.mobile.js शामिल करने से पहले निम्न स्क्रिप्ट जोड़ें:

$(document).bind("mobileinit", function() { 
    $.mobile.ignoreContentEnabled = true; 
}); 
+0

दिए गए लिंक में समाधान है लेकिन आपका उत्तर यहां पूरा नहीं हुआ है ... वैसे भी thanx –

+1

लेकिन फिर jquery मोबाइल का उपयोग करने का क्या उद्देश्य है? – yvonnezoe

-1

इस

$(document).on('pagebeforecreate', function(e) { 
    $.mobile.ignoreContentEnabled=true; 
}); 
संबंधित मुद्दे

 संबंधित मुद्दे