Bootstrap 4 Wordpress - всплывающие подсказки не работают - PullRequest
Новая
       10

Bootstrap 4 Wordpress - всплывающие подсказки не работают

0 голосов
/ 19 марта 2019

У меня есть сайт WordPress с установленной темой Bootstrap 4. Я работаю над детской темой.

Тема поставляется с jquery, включая popper.js, поэтому все javascript должны быть на месте.

Я пытался добавить это в моем: 

$(function () {
    $('[data-toggle="tooltip"]').tooltip()
})

И установка свойства для моих элементов. Не сработает.

Я попытался установить это: 

<script type="text/javascript">
    $('.tooltip-test').tooltip();
</script>

<a href="#" class="tooltip-test" title="" data-original-title="Tooltip">This link</a>

Не будет работать. Он находится на моем сайте https://www.casinoguide.dk/ - и я не могу понять, если что-то отсутствует в моих включенных javascript.

Я работаю на своем локальном хосте, и со второй попытки я получаю следующую ошибку: «Uncaught TypeError: $ не является функцией»

Может ли кто-нибудь указать мне правильное направление?

С наилучшими пожеланиями Rasmus

1 Ответ

0 голосов
/ 19 марта 2019

Попробуйте использовать более подробный синтаксис jQuery(...) вместо: 

jQuery(function () {
    jQuery('[data-toggle="tooltip"]').tooltip()
})

Это происходит потому, что разные плагины могут уже использовать символ $, поэтому jQuery имеет вызов не конфликт , чтобы убедиться, что он случайно не сломает другие вещи. Ознакомьтесь с документацией jQuery.noConflict() для получения дополнительной информации. Это показывает хороший обходной путь, когда вы все еще можете использовать $, если он находится в функции.

Поскольку вы обычно хотите, чтобы ваш код запускался только тогда, когда jQuery готов, вы можете сделать это в функции ready(). Таким образом, ваш код выше может быть изменен на: 

jQuery( document ).ready(function( $ ) {
    $('[data-toggle="tooltip"]').tooltip();
});

Пока ваш код jQuery находится внутри указанной выше функции, вы можете продолжать использовать $.

...