2013-08-27 27 views
9

Herhangi bir tarayıcıda görüntülenecek iCheck iCheckbox plugin alamıyorum.iCheck onay kutularını görüntülemiyor

İşte bir jSFiddle. iCheck, jQuery 1.7+ 'ye bağlıdır.

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

Ben herhangi bir seçenek başlatıldı var: Eğer DOM incelemek eğer Gördüğünüz gibi

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

, giriş elemanı iCheckbox div tarafından sarılmış ediliyor. Bununla birlikte, <input> ve <ins> öğelerinin her ikisi de opaklık değerlerini 0'a ayarlamıştır. jQuery ile kendi donukluk değiştirilmesi

, bunu elde http://jsfiddle.net/buRq7/

Ne yazık ki, hala çalışmıyor. Bunu işe almak için herhangi bir tavsiye veya deneyimi var mı?

Rayları 4 ve varlık borusunu kullanıyorum.

DÜZENLEME: Sadece jsFiddle bir çerçeve seçeneği olarak no-kitaplığı (saf JS) seçilmiş fark eder ve daha donukluk (bkz: http://jsfiddle.net/buRq7/5/) değiştirmeden bile çalışıyor gibi görünüyor. Ancak, belgeler açıkça jQuery (veya Zepto) 'ye bağlı olduğunu söylüyor. Çerçeve seçeneğini jQuery 1.10.1'e çevirmek, iCheckbox'a artık tekrar çalışmamaya neden oluyor ... neden olduğundan emin değilsiniz.

+0

Bunu anladınız mı? – cantaffordretail

+0

Hayır Hiç anlayamadım. Yukarıdakilerin ötesine bakamamış olabilir, belki yakında başka bir çekim yapacağım. Anlatırsan haberim olsun. – kwyoung11

cevap

18

sadece .iCheck() parametresi çalışmaz.

Yani aynı sorunu yaşıyordu
$('input').iCheck({ 
      checkboxClass: 'icheckbox_minimal-grey', 
      radioClass: 'iradio_minimal-grey' 
     }); 
+2

Bunlar dokümantasyonda hiç bir zaman söylemediler: D – Mani

+0

Belgeleri oldukça kafa karıştırıcı. Beni çok zaman kurtardığın için teşekkürler! – TheBokiya

1

, bu jQuery yeni sürümüyle ilgili olabilir, ancak seçici ile giriş tipini specity gerekir: En azından aşağıdaki gerek ​

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

bir skin seçin ve seçilen biri için css içe:

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

ve örneğin kullanabilirsiniz iCheck yüklemek için:

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

Kontrol en: http://jsfiddle.net/a4p6kjb9/

1

Doğru png dahil yanlış css dosyası kullanarak değil, bu iCheck düzgün çalışmamasına neden olabilir bu da fark ettim.

Seçtiğiniz css dosyası checkboxClass ve radioClass ayarlarına uygun olmalıdır.

İlgili konular