Jquery 我使用引导显示multiselect下拉列表,但它显示的是简单的下拉列表
我已经导入了所有必需的js和css文件。但是带有复选框的multselect下拉列表不起作用。输出很简单,没有下拉框和复选框。请就此向我提出建议Jquery 我使用引导显示multiselect下拉列表,但它显示的是简单的下拉列表,jquery,html,twitter-bootstrap,Jquery,Html,Twitter Bootstrap,我已经导入了所有必需的js和css文件。但是带有复选框的multselect下拉列表不起作用。输出很简单,没有下拉框和复选框。请就此向我提出建议 <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"></link> <script src="http://ajax.googleapis.com/ajax/libs/jquer
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"></link>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/bootstrap-multiselect/bootstrap-multiselect.css" type="text/css"></link>
<script type="text/javascript" src="js/bootstrap-multiselect/bootstrap-multiselect.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#multi-select-demo').multiselect();
});
</script>
<select id="multi-select-demo" multiple="multiple">
<option value="jQuery">jQuery tutorial</option>
<option value="Bootstrap">Bootstrap Tips</option>
<option value="HTML">HTML</option>
<option value="CSS">CSS tricks</option>
<option value="angular">Angular JS</option>
</select>
</body>
$(文档).ready(函数(){
$(“#多选演示”).multiselect();
});
jQuery教程
引导提示
HTML
CSS技巧
角JS
分析
线性代数
离散数学
数值分析
概率论
编程导论
自动机理论
复杂性理论
软件工程
$(文档).ready(函数(){
$(“#多选演示”).multiselect();
});
正确参考多选屏幕上的CDN
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"></link>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"></link>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#multi-select-demo').multiselect();
});
</script>
<select id="multi-select-demo" multiple="multiple" >
<option value="jQuery">jQuery tutorial</option>
<option value="Bootstrap">Bootstrap Tips</option>
<option value="HTML">HTML</option>
<option value="CSS">CSS tricks</option>
<option value="angular">Angular JS</option>
</select>
$(文档).ready(函数(){
$(“#多选演示”).multiselect();
});
jQuery教程
引导提示
HTML
CSS技巧
角JS
这里是它的一个CDN
这是一把小提琴,显示它在工作
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"></link>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"></link>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#multi-select-demo').multiselect();
});
</script>
<select id="multi-select-demo" multiple="multiple" >
<option value="jQuery">jQuery tutorial</option>
<option value="Bootstrap">Bootstrap Tips</option>
<option value="HTML">HTML</option>
<option value="CSS">CSS tricks</option>
<option value="angular">Angular JS</option>
</select>