Select2 () не является функцией Select2 4.0.11 - PullRequest
Новая
       5

Select2 () не является функцией Select2 4.0.11

0 голосов
/ 17 октября 2019

Я понимаю, что есть вопрос с похожей проблемой. Однако ни одно из решений не устранило мои проблемы. Я использую JQuery Select2 для реализации раскрывающегося списка с возможностью поиска: 

<label for="interface_id" class="col-form-label required">Interface With </label>
<select id="interface_id" name="interface_id" class="form-control chosen-select" required="required">
<option value="2169010"> Not Applicable</option>
<option value="1799">TOOL</option>
<option value="1129">Review</option>
<option value="554">web</option>
</select>

JS: 

$(document).ready(function() {  
    $('.chosen-select').select2();}

Это выдает ошибку:

Uncaught TypeError:$ (...). select2 не является функцией

Я подозреваю, что это из-за конфликта с некоторыми другими библиотеками JQuery или JS. Это список скриптов, которые я загружаю: 

<!-- scripts -->
<script src="/apm/static/js/jquery-3.3.1.js"></script>
<script src="/apm/static/js/jquery-ui.js"></script>
<script src="/apm/static/js/popper.min.js"></script>
<script src="/apm/static/js/bootstrap.min.js"></script>
<script src="/apm/static/js/bootstrap-4-navbar.js"></script>
<script src="/apm/static/js/Chart.js"></script>
<script src="/apm/static/js/js.cookie.js"></script>
<script src="/apm/static/js/jquery.validate.min.js"></script>
<script src="/apm/static/js/jquery.dataTables.min.js"></script>
<script src="/apm/static/js/dataTables.bootstrap4.min.js"></script>
<script src="/apm/static/js/dataTables.searchHighlight.min.js"></script>
<script src="/apm/static/js/jquery.highlight.js"></script>
<script src="/apm/static/js/dataTables.buttons.min.js"></script>
<script src="/apm/static/js/buttons.flash.min.js"></script>
<script src="/apm/static/js/jszip.min.js"></script>
<script src="/apm/static/js/pdfmake.min.js"></script>
<script src="/apm/static/js/vfs_fonts.js"></script>
<script src="/apm/static/js/buttons.html5.min.js"></script>
<script src="/apm/static/js/buttons.print.min.js"></script>
<script src="/apm/static/js/masterScreen.js"></script>
<script src="/apm/static/js/select2.js"></script>
<script src="/apm/static/js/interfaces.js"></script>
<!-- end scripts -->

Как это исправить? Любая помощь приветствуется.

...