モバイルでiCheckチェックボックスが機能しない

Question

こんにちはa login siteです。

ブラウザで正常に動作します。しかし、携帯電話で見ると、チェックボックスは表示されません。

これはiCheckチェックボックスのスクリプトです。それは私がそれを削除する場合、生のチェックボックスを表示します。

$(function() { 
     $('input').iCheck({ 
      checkboxClass: 'icheckbox_square-blue', 
      radioClass: 'iradio_square-blue', 
      increaseArea: '20%' // optional 
     }); 
    }); 

ご覧ください。ありがとう、

Answer 1

網膜のサポートのためのCSSファイル（blue.css）に間違いがありました。背景画像のリンクが壊れてしまいます。

background-image: url(blue.png); 

はblue.css

/* Retina support */ 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (-moz-min-device-pixel-ratio: 1.5), 
only screen and (-o-min-device-pixel-ratio: 3/2), 
only screen and (min-device-pixel-ratio: 1.5) { 
    .icheckbox_square-blue, 
    .iradio_square-blue { 
     background-image: url(blue.png); 
     -webkit-background-size: 240px 24px; 
     background-size: 240px 24px; 
    } 
} 

に右であるべき