2016-03-18 2 views
-2

Я использую следующий плагин Chosen Plugin, но я не знаю, почему он не работает. Вот мой следующий код и то, что он показывает.Javascript Multi-select плагин не работает

<html lang="en"> 

<head> 

<meta charset="utf-8"> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> 

<link rel="stylesheet" type="text/css" href="chosen.jquery.css" /> 

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

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



<script type="text/javascript"> 

$(".chosen-select").chosen(); 

</script> 

</head> 

<body> 

    <select style="width:350px;" multiple class="chosen-select"> 

     <option value=""></option> 

<option value="1">Option 1</option> 

<option value="2">Option 2</option> 

<option value="3">Option 3</option> 

<option value="4">Option 4</option> 

<option value="5">Option 5</option> 

<option value="6">Option 6</option> 

<option value="7">Option 7</option> 

<option value="8">Option 8</option> 

<option value="9">Option 9</option> 

<option value="10">Option 10</option> 

</select> 

</body> 

</html> 

enter image description here

ответ

0

Вы звоните chosen плагин до загрузки контента DOM. Переместить следующий код в нижней части тела, и вы хорошо идти

<script type="text/javascript"> 

$(".chosen-select").chosen(); 

</script> 
0

Поместите $(".chosen-select").chosen(); после select элемента, или запустить его, когда готовы

$(function() { 
    $(".chosen-select").chosen(); 
}); 
Смежные вопросы