bootstrap select 1.13.1 似乎无法使用 bootstrap 4

Question

我使用 bootstrap-select:

尝试了最简单的代码示例

<html>
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.min.css">
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>
</head>
<body>
  <select class="selectpicker" data-live-search="true">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
  </select>
</body>
</html>

运行上面代码的例子：https://jsfiddle.net/vpjnmatk/6/

select 框在单击时不显示下拉列表。我真的很困惑，因为我认为我已经包含了所有必需的依赖项。有什么想法吗？

Answer 1

这是问题所在：

你需要Popper.js

Answer 2

在 bootstrap.min.js

之前包含 popper.js

<html>
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.min.css">
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
        <script src="https://unpkg.com/popper.js@1.14.3/dist/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>
</head>
<body>
  <select class="selectpicker" data-live-search="true">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
  </select>

</body>
</html>

<script src="https://unpkg.com/popper.js@1.14.3/dist/umd/popper.min.js"></script>

Answer 3

您需要在 <head> 标签中添加以下内容：

<script src="https://unpkg.com/popper.js@1.14.3/dist/umd/popper.min.js"></script>

bootstrap select 1.13.1 似乎无法使用 bootstrap 4

bootstrap select 1.13.1 doesn't seem to work even with bootstrap 4 used

jquery

html

css

bootstrap-4

bootstrap-select