twitter-bootstrap – Bootstrap Multiselect不工作

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – Bootstrap Multiselect不工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用多选Bootstrap,我使用以下代码,它也可以在( http://davidstutz.github.io/bootstrap-multiselect/)的网站上显示,它显示了多选的按钮,并且我已经选择了“奶酪和意大利面”选项,它已经选择了它们,但是每当我点击它,它不会打开列表来选择!
<!-- Include the plugin's CSS and JS: -->
<script src="http://code.jquery.com/jquery.js"></script>    
<script type="text/javascript" src="<?PHP echo base_url('bootstrap/js/bootstrap-multiselect.js'); ?>"></script>

<link href="<?PHP echo base_url('bootstrap/css/bootstrap-multiselect.css'); ?>" rel="stylesheet" type="text/css">    
<link href="<?PHP echo base_url('bootstrap/css/bootstrap.min.css'); ?>" rel="stylesheet" type="text/css">                  
<script type="text/javascript" src="<?PHP echo base_url('bootstrap/js/bootstrap.min.js'); ?>"></script>    

<!-- Build your select: -->
<select class="multiselect" multiple="multiple" name="my-select[]" id="my-select">
    <option value="cheese" selected>Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni" selected>Pepperoni</option>
    <option value="onions">Onions</option>
</select>

<script type="text/javascript">
    $(document).ready(function() {     
            $('.multiselect').multiselect();      
    });
</script>

我错过了什么吗?

另外如果你认为我的问题不清楚,请告诉我你需要更多的澄清哪一部分.

提前谢谢了.

解决方法

尝试添加bootstrap.js文件( http://getbootstrap.com/javascript/).我错过了,似乎这些都是必需的.

猜你在找的Bootstrap相关文章