使用multiselect dropsown與複選框

Question

我有很多jQuery插件，但是當我嘗試在我的引導項目中，它不工作。您能否使用源代碼在JSP示例中用複選框建議我使用Bootstrap multiselect下拉菜單。

我使用下面的代碼..它不在我的模板中工作。它只顯示簡單的下拉菜單。

<select id="lstFruits" multiple="multiple"> 
    <option value="1">Mango</option> 
    <option value="2">Apple</option> 
    <option value="3">Banana</option> 
    <option value="4">Guava</option> 
    <option value="5">Orange</option> 
</select> 
<input type="button" id="btnSelected" value="Get Selected" />  

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" 
    rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script> 
<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" 
    rel="stylesheet" type="text/css" /> 
<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js" 
    type="text/javascript"></script> 

<script type="text/javascript"> 
$(function() { 
    $('#lstFruits').multiselect({ 
     includeSelectAllOption: true 
    }); 
}); 
</script> 

Answer 1

上面的代碼示例（編輯，最新）似乎對我來說正常工作。請注意，Bootstrap Multiselect插件建議使用jQuery 2.x或1.10.x;你正在使用1.8.3。

此外，包裝$(function() { ... });可能不是你想要完成的任務所必需的。