我正在为表单使用 bootstrap-select。我在 HTML 文件的 header 中包含脚本(jquery、bootstrap-select)。
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script>
<link rel="stylesheet "type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
所有具有类“selectpicker”的选择元素都被正确调用。选择元素的示例:
<select id="test" class="selectpicker">
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
但是，如果我在同一个页面调用下面的脚本
<script>
$(document).ready(
function () {
$('#test').selectpicker('val', 'Relish')
});
</script>
我得到了这个讨厌的错误
$(...).selectpicker is not a function
查看 Google Chrome 中的源选项卡，我发现 bootstrap-select.min.js 加载良好。有人有建议吗？
最佳答案
如果您有另一个 jquery.js 引用在 bootstrap-select.min.js 之后加载，它将清除 $(...)。 selectpicker 功能等功能。确保最后加载 bootstrap-select.min.js。
关于javascript - $(...).selectpicker 不是函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43365047/