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; 
    } 
}