iCheck Checkbox funktioniert nicht auf Handy

Question

Hallo habe a login site.

Es funktioniert gut im Browser. Wenn ich es jedoch auf dem Mobiltelefon sehe, wird das Kontrollkästchen nicht angezeigt.

Dies ist das Skript für iCheck Checkbox. Es zeigt das rohe Kontrollkästchen auf dem Handy, wenn ich es entferne.

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

Könnten Sie bitte einen Blick darauf werfen. Danke,

Answer 1

Es gab einen Fehler in der CSS-Datei (blue.css) für die Retina-Unterstützung. Der Hintergrund-Bild-Link ist unterbrochen.

background-image: url(blue.png); 

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

richtig sein