Bootstrap select插件无法正常工作

时间:2013-03-31 07:36:01

标签: javascript jquery twitter-bootstrap

我正在尝试使用this Bootstrap-Select Plugin。我根据演示创建了一个小提琴,

http://jsbin.com/anepet/1/edit

但我完全是空白,不明白为什么这不起作用,选择列表的外观没有变化,有人可以帮帮我吗?

2 个答案:

答案 0 :(得分:5)

也许添加调用以使所有.selectpicker元素成为selectpicker?看到这个之后你几乎会碰到头脑。在Select插件页面的源代码中,您将看到无数次演示使用css选择器在元素上调用.selectpicker()

<script type="text/javascript">
    $('.selectpicker').selectpicker();
</script>

请看。 http://jsbin.com/anepet/3/edit

答案 1 :(得分:2)

您将js包括两次而不是调用selectpicker() ..

删除此行:     <script src="http://silviomoreto.github.com/bootstrap-select/javascripts/bootstrap-select.js"></script>

并添加:

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

可以正常使用