Question

几天前，我发布了this个问题，说明如何使引导多选功能正常运行。我下载了多选脚本，但仍然得到multiselect is not a function，但是根据浏览器控制台，它没有读取多选脚本。

根据this answer，我尝试重新排列脚本的加载顺序，但这也不能解决问题。

这是我的html和脚本代码：

<head>
    <link href="~/Content/Style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="~/Scripts/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="~/Scripts/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/Scripts/bootstrap-multiselect.js"></script>
</head>

<select id="chkveg" multiple="multiple">
    <option value="test1">Test 1</option>
    <option value="test2">Test 2</option>
    <option value="test3">Test 3</option>
</select>

<script>
    $(function () {
        $('#chkveg').multiselect({
            includeSelectAllOption: true
        });
    });
</script>

这是浏览器控制台（所有内容已加载）：

对这个问题有何想法？谢谢。

Answer 1

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>

    <select multiple="multiple" id="chkveg">
       <option value="test1">Test 1</option>
       <option value="test2">Test 2</option>
       <option value="test3">Test 3</option>
    </select>

    <script>
       $(document).ready(function() {
           $('#chkveg').multiselect({
              includeSelectAllOption: true
            });
        });

    </script>

在jsfiddle中尝试了上面的代码为我工作

Bootstrap multiselect不是一个功能-不检查multiselect脚本

1 个答案: