Возможен ли конфликт между пакетом Boostrap JS и AJAX?

#ajax #bootstrap-4

Вопрос:

Поэтому у меня есть свои сценарии jquery, как показано ниже. Но по какой-то причине jquery не работает для моей начальной загрузки. Это прекрасно работает, когда я удаляю часть ajax, но это необходимо для моего приложения Django. Проблема в заказе? Или я использую не те пакеты? Заранее спасибо 🙂

 ...
    <!-- Bootstrap4 CDN -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r 8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
    <!-- JS bundle for Bootstrap4 -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C OGpamoFVy38MVBnE IbbVYUew OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho j7jyWK8fNQe A12Hb8AhRq26LrZ/JpcUGGOn Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
    <!-- for AJAX -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
...
 

Ответ №1:

Никакого конфликта (только если вы используете jQuery) Иногда необходимо использовать плагины начальной загрузки с другими фреймворками пользовательского интерфейса. В этих обстоятельствах иногда могут возникать конфликты пространств имен. Если это произойдет, вы можете позвонить .noConflict для плагина, значение которого вы хотите вернуть.

 var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
$.fn.bootstrapBtn = bootstrapButton // give $().bootstrapBtn the Bootstrap functionality
 

и кроме того, ошибка $.ajax не является функцией, как правило, потому, что вы используете тонкую ветвь jQuery, а не полную версию. Удалите эту тонкую ссылку и используйте только одну копию jquery-3.5.1.min.js