Bootstrap-select不会切换"打开"类

Question

请查看 - > FIDDLE

我从http://silviomoreto.github.io/bootstrap-select/下载了源码,我真的不知道为什么它不会切换"开放"类的".dropdown-toggle"我可以通过添加一些凌乱的脚本来修复它,但我更喜欢插件工作正常.

HTML:

<div class="number customdp">
<select class="simple-dropdown" name="number">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

有没有人有解决方案？

Answer 1

它依赖于twitter bootstrap.包括他们的CSS 和JavaScript文件,如下所示:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

看到包含CSS和JS的这个更新的小提琴,它似乎工作得很好.

Answer 2

我遇到过同样的问题.即使在引用正确后,下拉列表也没有显示.所以我包含了以下代码并且它有效.

 $(document).ready(function () { 
    $(".selectpicker").selectpicker();
    $(".bootstrap-select").click(function () {
         $(this).addClass("open");
    });
  });