Проблема в том, что у меня есть колба с QuerySelectField, и я пытаюсь реализовать поиск с помощью метода jQuery.select2 ().Но это не работает.Я считаю, что проблема в том, что я использую бутстрап.
Согласно документации необходимо обернуть js-код в $ .fn.modal.Constructor.prototype.enforceFocus = function () {} или $ .fn.modal.Constructor.prototype._enforceFocus = function () {}
Но это тоже не работает
Чтобы упростить мой код, я положил простой пример кода из официальной документации и поиграл с ним, но не могу понять, почему он не работаетработа.
{%block content%}
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.4.js">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js"> </script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css" rel="stylesheet" />
<select class="js-example-basic-single" name="state">
<option value="AL">Alabama</option>
...
<option value="WY">Wyoming</option>
</select>
<script type='text/javascript'>
$(document).ready(function() {
$.fn.modal.Constructor.prototype.enforceFocus = function() {
$('.js-example-basic-single').select2();
};
});
</script>
{%endblock%}
Ожидаемый результат должен быть таким, как показано в документации по ссылке ниже https://select2.org/getting-started/basic-usage