Intereting Posts
Сообщения на странице не возвращают правильный номер Скрыть блок HTML, если роль пользователя является определенной ролью Автозаполнение jQuery UI, показывающее все результаты Изменить постоянную ссылку на внешний URL из настраиваемого поля Почему is_page_template () не добавляет класс body? Как обматывать сообщения в div? Как добавить «последний» класс к последнему сообщению в loop.php? Как добавить специальный виджет в заголовок header.php моей темы? Создать ссылку на полноразмерное вложение изображения? Как добраться до даты загруженного файла Изменение заголовка электронной почты Woocommerce с помощью настраиваемого плагина shortcode не работает и отношение к_content () Удалить медиафайлы с сервера, которые не существуют в медиатеке Не удается сохранить дату выбора даты в мета-боксах Пользовательский CSS для конкретного виджета text / html в WordPress

Контекст jQuery, который разбивает выпадающее окно Bootstrap

У меня есть сайт WordPress, который использует jQuery 1.12.4 (версия, встроенная в WordPress) и Bootstrap 3. На сайте есть заголовок с навигационной панелью, а у навигатора есть несколько выпадающих меню.

На одной странице сайта мне был добавлен виджет, который включает ссылку на встроенный jQuery (jquery-2.2.4) над ним. На этой странице выпадающее меню сломано, я считаю, из-за противоречивых версий jQuery на странице.

Я попытался использовать виджет в режиме без конфликтов в режиме jQuery следующим образом, но это оставляет навигация нарушенным:

<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"> </script> <script> var k = $.noConflict(true); /* widget here */ k(function() { // do stuff }) </script> 

Я также добавляю bootstrap.min.js в bootstrap.min.js документа сразу после jQuery, который wordpress добавляет:

 <script type='text/javascript' src='http://localhost/mysite/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='http://localhost/mysite/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <script type='text/javascript' src='http://localhost/mysite/wp-content/themes/mySiteTheme/bootstrap/dist/js/bootstrap.min.js?ver=4.8.4'> 

Поскольку iFrame для меня не вариант, какой подход я могу предпринять, чтобы исправить это, так что jQuery виджета изолирован от сайта?

Solutions Collecting From Web of "Контекст jQuery, который разбивает выпадающее окно Bootstrap"