简单的引导选择不起作用

Mic*_*ley 4 html javascript css jquery bootstrap-select

<!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>
Run Code Online (Sandbox Code Playgroud)

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

Bootstrap-select .selectpicker 不工作

我做错事了吗?我尝试寻找答案,但似乎找不到任何有效的答案。谢谢。

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

R4Z*_*Z3X 5

此链接的依赖项部分有您的答案。

\n\n

为此,您需要:

\n\n
    \n
  • jQuery v1.8.0+
  • \n
  • Bootstrap\xe2\x80\x99s dropdown.js
  • \n
  • Bootstrap 的 CSS
  • \n
\n\n

如果您的项目中没有 bootstrap,您可以添加缩小版本并根据您的需求进行自定义,然后重新编译。

\n\n

PS 不要使用引导程序版本 4,因为它可能无法工作。

\n\n

希望能帮助到你 !

\n