javascript - 简单的引导选择不起作用

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="bootstrap-select.min.css">
</head>
<body>
    <select class="selectpicker">
        <option>Choose</option>
        <option>1</option>
        <option>1</option>
    </select>

    <script type="text/javascript" src="jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="bootstrap-select.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.selectpicker').selectpicker();
        });
    </script>
</body>
</html>

我有这个代码。
我正在使用 jquery 3.3.1
我使用了 https://github.com/silviomoreto/bootstrap-select 中的 bootstrap-select 并将其复制到我的本地以节省一些加载时间。
但是当我尝试运行它时，我得到了这个结果:

我做错了吗？
我试过寻找答案，但似乎找不到任何有效的答案。谢谢。

注意:我尝试使用 Chrome 和 Firefox，两者都给了我相同的结果。

最佳答案

this link 的依赖项部分有您的答案。

为此，您需要:

jQuery v1.8.0+

Bootstrap 的 dropdown.js

Bootstrap 的 CSS

如果您的元素中没有 bootstrap ，您可以添加 minified version 并根据您的需要对其进行自定义并重新编译它。

PS 不要使用 bootstrap 版本 4，因为它可能不起作用。

希望能帮助到你 !

关于javascript - 简单的引导选择不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51145373/