javascript - Bootstrap-select 显示两个选择菜单

Question

目标

使用 Bootstrap-select 在 select 标签上实现样式图书馆。

问题

我得到了两个选择，而不仅仅是一个下拉菜单。

问题

我需要在我的 javascript 或其他地方更改什么才能使其正确显示

代码

演示 CodePen

HTML

<select class="selectpicker">
    <option data-hidden="true">Choose one...</option>
    <option>BBQ Pork</option>
    <option>Bacon</option>
    <option>Sausage</option>
</select>

脚本库顺序

• //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
• https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js
• https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/js/bootstrap-select.min.js

Javascript(我把它放在库之后的脚本标签中)

$(document).ready(function(){
    $('.selectpicker').selectpicker(); 
});

Answer 1

您只需添加 Bootstrap-select CSS 文件。