2013-08-27 4 views
9

प्रदर्शित नहीं कर रहा है मुझे किसी भी ब्राउज़र में प्रदर्शित करने के लिए iCheck iCheckbox plugin नहीं मिल रहा है।iCheck चेकबॉक्स

यहां एक जेएसफ़िल्ड है। iCheck jQuery 1.7+ पर निर्भर करता है।

http://jsfiddle.net/jmj3M/2/

मैं इसे किसी भी विकल्प के बिना प्रारंभ है:

$(".ex-f").iCheck(); 

अगर आप डोम का निरीक्षण आप देख सकते हैं, इनपुट तत्व iCheckbox div द्वारा लपेटा जा रहा है। <input> और <ins> दोनों तत्वों की अस्पष्टता 0 पर सेट है, हालांकि।

jQuery के माध्यम से अपने अस्पष्टता बदलने, तो आप इस मिल: http://jsfiddle.net/buRq7/

दुर्भाग्य से, यह अभी भी काम नहीं करता। क्या किसी को काम करने के लिए कोई सलाह या अनुभव है?

मैं रेल 4 और संपत्ति पाइपलाइन का उपयोग कर रहा हूं।

संपादित करें: मैं सिर्फ महसूस किया कि मैं कोई पुस्तकालय (शुद्ध जे एस) का चयन किया jsFiddle में एक रूपरेखा विकल्प के रूप में, और यह अस्पष्टता (देखें: http://jsfiddle.net/buRq7/5/) को बदले बिना भी काम करने के लिए लगता है। हालांकि, दस्तावेज़ीकरण स्पष्ट रूप से कहता है कि यह jQuery (या ज़िप्टो) पर निर्भर करता है। JQuery 1.10.1 में फ्रेमवर्क विकल्प को स्विच करने से iCheckbox फिर से काम नहीं कर रहा है ... सुनिश्चित नहीं है कि यह क्यों है।

+0

क्या आप इसे समझ गए? – cantaffordretail

+0

नहीं मैंने इसे कभी नहीं समझा। ऊपर से परे इसे देखने में सक्षम नहीं हैं, शायद मैं जल्द ही एक और शॉट ले जाऊंगा। अगर आप इसे समझते हैं तो मुझे बताएं। – kwyoung11

उत्तर

18

बस .iCheck() किसी भी पैरामीटर के बिना काम नहीं करेगा। आपको निम्न की आवश्यकता कम से कम:

$('input').iCheck({ 
      checkboxClass: 'icheckbox_minimal-grey', 
      radioClass: 'iradio_minimal-grey' 
     }); 
+2

उन्होंने इसे दस्तावेज़ में कभी नहीं कहा: डी – Mani

+0

उनका दस्तावेज़ बहुत भ्रमित है। मुझे इतना समय बचाने के लिए धन्यवाद! – TheBokiya

1

तो मैं एक ही समस्या हो रही थी, यह jQuery के नए संस्करण से संबंधित हो सकता है, लेकिन आप अपने चयनकर्ता के साथ इनपुट प्रकार specity की जरूरत है: ​

$("input[type='checkbox'], input[type='radio']").iCheck({ 
    checkboxClass: 'icheckbox_minimal', 
    radioClass: 'iradio_minimal' 
}); 
4

एक त्वचा चुनें और चयनित एक के लिए सीएसएस आयात:

<link href="http://fronteed.com/iCheck/skins/all.css" rel="stylesheet"> 
<script src="http://fronteed.com/iCheck/icheck.js"></script> 

और उदाहरण के लिए, iCheck आप उपयोग कर सकते हैं लोड करने के लिए:

$(".ex-f").iCheck({ 
    checkboxClass: 'icheckbox_minimal', 
    radioClass: 'iradio_minimal' 
}); 

चेक इसे: http://jsfiddle.net/a4p6kjb9/

1

मैंने यह भी देखा गलत css फ़ाइल का उपयोग करें और सही png सहित नहीं इस iCheck ठीक से काम करने के लिए नहीं पैदा कर सकता है कि।

तो css फ़ाइल जो आप चुनते हैं उसे checkboxClass और radioClass से मेल खाना चाहिए।