html dosyasımda Chosen jQuery'yi nasıl kullanırım?

Seçilmiş jQuery'yi html sayfamda nasıl uygularım?html dosyasımda Chosen jQuery'yi nasıl kullanırım?

select formum var, bu nedenle daha kullanıcı dostu görünmesi için Chosen tarafından multiple select'u kullanmam gerekiyor.

<select class="chosen" multiple="true" name="faculty"> 
     <option value="AC">A</option> 
     <option value="AD">B</option> 
     <option value="AM">C</option> 
     <option value="AP">D</option> 
</select>

Dosyaları indirip web sayfası klasörüme kopyaladım.

Peki, ne yaptığım dahil chosen.jquery.min.js<head> yılında: JavaScript açıklamada koymak nereye bilmiyorum $(".chzn-select").chosen();

<script type="text/javascript" src="chosen/chosen.jquery.min.js"></script>

Ve talimat seçilen eklenti Call diyor Chosen çoklu seçimini çağırmak için. Bootstrap'i kullanmak kadar kolay olduğunu düşündüm, hah. Herhangi bir yardım?

kaynak

2012-12-18 AimanB

, sadece

Sizin select sınıf chzn-select olmalıdır ve normalde aşağıdaki gibi sayfa yüklemesinden sonra bir script çalıştırmak olacaktır:

Aşağıda

$(function() { 
    $(".chzn-select").chosen(); 
});

bir test, çalışma örneğidir:

<html> 
<head> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> 
<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.js"></script> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css"> 
</head> 
<body> 

<script type="text/javascript"> 
$(function() { 
    $(".chzn-select").chosen(); 
}); 
</script> 

<select class="chzn-select" multiple="true" name="faculty" style="width:200px;"> 
     <option value="AC">A</option> 
     <option value="AD">B</option> 
     <option value="AM">C</option> 
     <option value="AP">D</option> 
</select> 


</body> 
</html>

kaynak

2012-12-18 18:44:43 Anass

teşekkürler. Şimdi çalıştım :) – AimanB

<script type="text/javascript" src="chosen/chosen.jquery.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    $(".chzn-select").chosen(); 
}); 
</script> 

<select class="chzn-select" multiple="true" name="faculty"> 
     <option value="AC">A</option> 
     <option value="AD">B</option> 
     <option value="AM">C</option> 
     <option value="AP">D</option> 
</select>

kaynak

2012-12-18 18:45:44

Teşekkür ederim şimdi çalıştım :) – AimanB

İlgili konular