Bootstrap使用bootstrapselect的坑[记录]

我的文件版本

1、jQuery&＃xff1a;3.6.0
2、Bootstrap&＃xff1a;4.6.1
3、bootstrap-select.js&＃xff1a;1.13.9

问题

1、多选下拉框的样式已经显&＃xff0c;但是呢&＃xff0c;下拉选项不显示&＃xff0c;点击下拉框也没有反应。Chrome也没有错误信息。如下图

解决方法&＃xff1a; 根据bootstrap-select官网描述&＃xff0c;使用下拉框插件&＃xff0c;必须引入jQueru-1.9&＃43;、bootstrap.css、bootstrap的dropdown.js(引入bootstrap.min.js和bootstrap.js就可以)。
还有一点&＃xff0c;如果使用的bootstrap-4.0&＃43;版本&＃xff0c;那么还需要引入Poper.js(以下)

<script src&＃61;"https://unpkg.com/&＃64;popperjs/core&＃64;2/dist/umd/popper.js"></script>
<script src&＃61;"https://unpkg.com/&＃64;popperjs/core&＃64;2"></script>
2、按照官网以及文件加载顺序导入以上文件&＃xff0c;理论上就可以了。但不过还会有个问题dropdown.js中的 new poper() 不是构造函数。如下图

解决方法&＃xff1a; 根据博客的解决方法。
引入以下代码

<script src&＃61;"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity&＃61;"sha384-b/U6ypiBEHpOf/4&＃43;1nzFpr53nxSS&＃43;GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin&＃61;"anonymous"></script>
OK&＃xff01;完成以上后&＃xff0c;就会像下图一样&＃xff0c;可以继续愉快的使用Bootstrap的多选下拉框组件了