Я создал поповер, который запускается, когда вы нажимаете на указанную область с соответствующей data-toggle
, она отлично работает в Chrome, но в Firefox я получаю сообщение об ошибке:
Ошибка:Пожалуйста, используйте show on visible elements
show, _enter, toggle, _setListeners, dispatch, handle
Ошибка находится в файле bootstrap.min.js
, который используется в моем проекте.
Теперь я знаю, что, возможно, это связано с добавлением ('show')
после части .popover
, но я не могу заставить его работать.Моя функция поповера:
// popover initialization - on click
$('[data-toggle="zero-1"]').popover({
html: true,
trigger: 'click',
placement: 'bottom',
// main function when popover fires
content: function engine() {
// execute the actions of the lawmaker() first, then the ruler()
return lawmaker(this,this,this) + ruler((($(this).data('xray'))),(($(this).data('yray'))));
// insert image and close button in popover
function lawmaker(i1,a1, b1,) {
// get the data-image str value
var mig = $(i1).data('img');
// console.log(mig);
// return the visuals and close button for the popover
return '<img src="' + mig + '" /> <button id="close-popover" data-toggle="clickover" class="btn btn-small btn-primary pull-right" onclick="$(\'.popover\').remove();">Close please!</button>';
}
}
});
.popover {
position: absolute;
transform: translate3d(258px, 63px, 0px);
top: 0px;
left: 0px;
will-change: transform;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<map>
<area class="grz" data-toggle="zero-1" data-xray="105" data-yray="70" shape="rect" coords="80,60,130,80" href="javascript://" data-img="img/zero/zero-2.png" title="Zero">
</map>
Есть мысли по решению этой проблемы?:)