Bootstrap multiselect не является функцией - не проверять скрипт multiselect - PullRequest
Новая
       11

Bootstrap multiselect не является функцией - не проверять скрипт multiselect

1 голос
/ 02 апреля 2019

Я отправил этот вопрос пару дней назад о том, как работает функция начальной загрузки начальной загрузки. Я скачал сценарий множественного выбора, но я все еще получаю multiselect is not a function, однако, согласно консоли браузера, он не читает сценарий множественного выбора.

Согласно этому ответу я попытался изменить порядок загрузки скриптов, но это тоже не решило проблему.

Вот мой 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>

Вот консоль браузера (все загружено): enter image description here

Есть мысли по поводу проблемы? Спасибо.

1 Ответ

0 голосов
/ 02 апреля 2019 
    <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, работающем для меня

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...