iCheckチェックボックスが表示されない

Question

iCheck iCheckbox pluginをどのブラウザで表示することもできません。

ここはjSFiddleです。 iCheckはjQuery 1.7以降に依存します。

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

私はそれがオプションなしで初期化されます：あなたはDOMを検査した場合、あなたが見ることができるように

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

は、入力要素はiCheckbox div要素によってラップされています。ただし、<input>と<ins>要素の両方の不透明度は0に設定されています。 jQueryの経由で自分の不透明度を変更する

、あなたはこれを取得：http://jsfiddle.net/buRq7/

残念ながら、それはまだ動作しません。誰にもこれを稼働させるためのアドバイスや経験がありますか？

私はレール4とアセットパイプラインを使用しています。

EDIT： 私はちょうど（：http://jsfiddle.net/buRq7/5/参照）私はjsFiddleフレームワークオプションとして（純粋なJS）は、ライブラリを選択していない、そしてそれも不透明度を変更することなく動作するようです実現。しかし、ドキュメンテーションはjQuery（またはZepto）に依存していることを明示しています。フレームワークオプションをjQuery 1.10.1に切り替えると、iCheckboxはもう機能しなくなります。なぜこれが正しいのかわかりません。

Answer 1

パラメータを指定しないと.iCheck（）は機能しません。あなたは、少なくとも次の必要があります。

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

Answer 2

だから私はそれがjQueryの新しいバージョンに関連するかもしれない、同じ問題を抱えていたが、あなたはあなたのセレクタに入力タイプをspecityする必要があります。​

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

Answer 3

スキンを選択し、選択された一つのCSSをインポートします。

<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/

Answer 4

私が間違っcssファイルを使用して、正しいpngこのiCheckが正しく動作しない原因になります含めないことにも気づきました。

あなたが選択するcssファイルは、設定したcheckboxClassとradioClassに対応する必要があります。