我正在嘗試使用
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
crossorigin="anonymous">
</script>
<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" rel="stylesheet"
type="text/css" />
<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"
type="text/javascript">
</script>
</head>
<body>
<select id="example-getting-started" multiple="multiple">
<option value="cheese">Cheese</option>
<option value="tomatoes">Tomatoes</option>
<option value="mozarella">Mozzarella</option>
<option value="mushrooms">Mushrooms</option>
<option value="pepperoni">Pepperoni</option>
<option value="onions">Onions</option>
</select>
<script type="text/javascript">
$(document).ready(function () {
$('#example-getting-started').multiselect();
});
</script>
</body>
</html>
我究竟做錯了什么？
uj5u.com熱心網友回復：
問題出在您使用的版本中。Bootstrap 支持最高版本 4，因為它們具有最高 v4的遷移指南
而且，正如我所見，您使用的 rawgit 版本與最新版本不同。
這是從他們的頁面使用 js 和 css 的版本，它作業正常。
如果您需要它與 v5 一起使用，那么您可以像這樣使用它
$('#example-getting-started').multiselect({
buttonClass: 'form-select',
templates: {
button: '<button type="button" data-bs-toggle="dropdown"><span ></span></button>',
}
});
而且您還需要使用包含 popper.js 的引導程式的捆綁版本
這是示例
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/429640.html
標籤：javascript html 推特引导