iCheck Checkboxen werden nicht angezeigt

Question

Ich kann die iCheck iCheckbox plugin nicht in jedem Browser anzeigen lassen.

Hier ist ein JSFiddle. iCheck hängt von jQuery 1.7+ ab.

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

Ich habe es ohne Optionen initialisiert:

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

Wie Sie sehen können, wenn Sie den DOM inspizieren, das Eingangselement durch die div iCheckbox gewickelt wird. Bei den Elementen <input> und <ins> ist die Deckkraft jedoch auf 0 gesetzt.

ändern ihre Opazität über jQuery Sie diese: http://jsfiddle.net/buRq7/

Leider ist es immer noch nicht funktioniert. Hat jemand einen Rat oder eine Erfahrung, um dies zum Laufen zu bringen?

Ich verwende Schienen 4 und die Asset-Pipeline.

EDIT: ich gerade erkennen ich keine-Bibliothek (reine JS) als Rahmen Option in jsFiddle ausgewählt, und es scheint auch zu funktionieren, ohne die Opazität zu ändern (siehe: http://jsfiddle.net/buRq7/5/). Die Dokumentation besagt jedoch ausdrücklich, dass es auf jQuery (oder Zepto) ankommt. Das Wechseln der Framework-Option zu jQuery 1.10.1 führt dazu, dass die iCheckbox nicht mehr funktioniert ... nicht sicher, warum das so ist.

Answer 1

nur .iCheck() ohne Parameter wird nicht funktionieren. Sie müssen die folgenden mindestens:

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

Answer 2

So war ich das gleiche Problem haben, könnte es auf eine neuere Version von jQuery in Beziehung gesetzt werden, aber Sie müssen den Eingabetyp mit Ihrem Wähler auf specity: ​

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

Answer 3

eine Skin auswählen und die CSS importieren für ausgewählte:

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

und die iCheck laden Sie zum Beispiel verwenden können:

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

prüfen es: http://jsfiddle.net/a4p6kjb9/

Answer 4

bemerkte ich auch, dass falsche css Datei mit und ohne den richtigen png verursachen kann dies iCheck nicht ordnungsgemäß funktioniert.

Also die css Datei, die Sie wählen, muss den checkboxClass und radioClass entsprechen, die Sie festlegen.