Bootstrap 4 Popover не работает с Safari - PullRequest
Новая
       36

Bootstrap 4 Popover не работает с Safari

3 голосов
/ 11 марта 2019

Я пытаюсь заставить поповер показываться при наведении.Он работает во всех браузерах , кроме Safari.Абсолютно ничего не происходит в Safari.Я не уверен, что я делаю неправильно.

Вот мой HTML: 

<div class="my-class" data-toggle="popover">
    ...
</div>

Вот HTML, который прослушивает поповер: 

$(function () {

$('[data-toggle="popover"]').popover({
    trigger: 'hover',
    placement: 'top',
    html: true,
    title: function () {
        return $('.qtip .title', $(this)).html();
    },
    content: function () {
        return $('.qtip .content', $(this)).html();
    }
});  

});

Safari вообще не видит зависания в консоли.Я не уверен, пропустил ли я очевидный шаг или что я сделал неправильно.Спасибо за любые предложения!

РЕДАКТИРОВАТЬ

Я использую это на той же странице, и это работает во всех браузерах. 

$('[data-toggle="collapse"]').click(function (event) {
     ...
});

1 Ответ

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

Важно понимать разницу между bootstrap.bundle.min.js и bootstrap.min.js

bootstrap.bundle.js, который содержит Popper.js для работы всплывающих окон!

Если вы добавите popper и другие библиотеки (по тем или иным причинам) в дополнение к файлу bootstrap.bundle.min.js, Safari и Edge будут жаловаться.В этот момент они генерируют общую ошибку в цепочке, а js просто сдается - в результате чего поповер не работает.

Надеюсь, это поможет кому-то еще!

...