Multi-select в jQuery не работает даже после добавления зависимостей в нужном формате, как указано в учебнике по множественному выбору - PullRequest
Новая
       53

Multi-select в jQuery не работает даже после добавления зависимостей в нужном формате, как указано в учебнике по множественному выбору

0 голосов
/ 25 июня 2019

image reference for multi-select Я пытаюсь использовать плагин множественного выбора с флажком jQuery, как показано в следующей ссылке http://davidstutz.de/bootstrap-multiselect/#getting-started Но хотя я реализовал в js fiddle для тестирования средства не работает, как ожидалось, в чем здесь проблема Это ссылка на тестовый код js fiddle 

$('select[multiple]').multiselect();
$('#langOpt').multiselect({
    columns: 1,
    placeholder: 'Select Languages',
    search: true
});
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- MultiSelect CSS & JS library -->
<link href="multiselect/jquery.multiselect.css" rel="stylesheet" />
<script src="multiselect/jquery.multiselect.js"></script>
<select name="langOpt[]" multiple id="langOpt">
    <option value="C++">C++</option>
    <option value="C#">C#</option>
    <option value="Java">Java</option>
    <option value="Objective-C">Objective-C</option>
    <option value="JavaScript">JavaScript</option>
    <option value="Perl">Perl</option>
    <option value="PHP">PHP</option>
    <option value="Ruby on Rails">Ruby on Rails</option>
    <option value="Android">Android</option>
    <option value="iOS">iOS</option>
    <option value="HTML">HTML</option>
    <option value="XML">XML</option>
</select>

1 Ответ

0 голосов
/ 25 июня 2019

В своем посте вы сказали, что используете плагин jQuery, и вы использовали его в своем коде, но ссылка и изображение предназначены для bootstrap-multiselect, они разные.Я предполагаю, что вы пытаетесь использовать плагин начальной загрузки, я изменил ответ на bootstrap-multiselect. 

$('select[multiple]').multiselect();
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Bootstrap -->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>

<!-- MultiSelect CSS & JS library -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/css/bootstrap-multiselect.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/js/bootstrap-multiselect.min.js"></script>
<select name="langOpt[]" multiple id="langOpt">
    <option value="C++">C++</option>
    <option value="C#">C#</option>
    <option value="Java">Java</option>
    <option value="Objective-C">Objective-C</option>
    <option value="JavaScript">JavaScript</option>
    <option value="Perl">Perl</option>
    <option value="PHP">PHP</option>
    <option value="Ruby on Rails">Ruby on Rails</option>
    <option value="Android">Android</option>
    <option value="iOS">iOS</option>
    <option value="HTML">HTML</option>
    <option value="XML">XML</option>
</select>
...