select2.js не показывает результаты, как в примере с Django - PullRequest
Новая
       8

select2.js не показывает результаты, как в примере с Django

0 голосов
/ 25 сентября 2019

Я бы хотел, чтобы Select2.js работал с Django.Для этого есть django-select2, но из-за того, что я делаю, автор рекомендует использовать нативный Select2.

Я имел в виду базовый пример кода здесь https://select2.org/getting-started/basic-usage 

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>

<!--Select2.js-->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js"></script>
<select class="js-example-basic-multiple" multiple="multiple" name="lv0">
  <option value="US">US</option>
  <option value="UK">UK</option>
</select>
    <script type="text/javascript">
$(document).ready(function() {
    $('.js-example-basic-multiple').select2({
        placeholder: 'Select an Lv0'
    });
}); 
</script>

Тем не менее, я только ниже.

enter image description here

Журнал консоли ниже.Я не уверен, что это потому, что файлы select2 не загружаются?Я добавил их в папку bower_components проекта, но не могу успешно ссылаться на них, используя локальный путь, поскольку ошибка показывает, что файл не найден. 

jquery.min.js:2 jQuery.Deferred exception: $(...).select2 is not a function TypeError: $(...).select2 is not a function
    at HTMLDocument.<anonymous> (http://localhost:8000/test3:45:37)
    at l (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:29375)
    at c (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:29677) undefined
w.Deferred.exceptionHook @ jquery.min.js:2
jquery.min.js:2 Uncaught TypeError: $(...).select2 is not a function
    at HTMLDocument.<anonymous> (test3:45)
    at l (jquery.min.js:2)
    at c (jquery.min.js:2)

Чего мне здесь не хватает?Спасибо.

1 Ответ

0 голосов
/ 25 сентября 2019

Просто отложите select2. 

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js" defer></script>

Благодаря Select2 () не является функцией

...