Блог

Главная - Вопросы по программированию - Bootstrap multiselect не является функцией

Bootstrap multiselect не является функцией

#jquery #asp.net-mvc #twitter-bootstrap

#jquery #asp.net-mvc #twitter-bootstrap

Вопрос:

У меня проблема с веб-приложением, которое пытается использовать пакет начальной загрузки из Nuget. Я импортировал файлы jquery и bootstrap в приложение, но на консоли для Chrome я получаю сообщение об ошибке. Я использую ASP.net проект для достижения этого.

Это мой импорт в моем файле htmlcs:

 <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/jquery-ui-1.11.4.min.js"></script>
    <script type="text/javascript" src="~/Scripts/bootstrap.min.js"></script>
</head>

Вот мой скрипт (внизу html-блока):

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

И это ошибка, которую я получаю:
введите описание изображения здесь

Есть идеи? Спасибо.

РЕДАКТИРОВАТЬ: Добавляю html, где у меня есть выпадающий список:

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

Комментарии:

1. Можете ли вы поместить какой-нибудь HTML-код, где у вас есть выпадающий список упоминания.

2. Хорошо, я добавил html-код, который у меня есть для выпадающего списка.

3. multiselect() не является стандартной частью Bootstrap. Это сторонняя библиотека, которую вам нужно включить отдельно: github.com/davidstutz/bootstrap-multiselect

Ответ №1:

Включите CSS и JS плагина:

 <script type="text/javascript" src="js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css"/>