1

При наведении и убирании курсора все ОК, а вот когда нажимаю кнопку не уводя курсор с кнопки, то поповер пропадает, хотя не должен, в чем проблема?

<button class="js-test">TEST</button>
<div style="display: none;">content</div>


$(document).on({
    mouseenter: function () {
        var $this = $(this);
        $this.popover({
            animation: false,
            html: true,
            placement: 'top',
            content: function () {
                return 'xxx';
            }
       }).popover('show');
    },
    mouseleave: function() {
        var $this = $(this);
        $this.popover('hide');
    },
    click: function () {
        var $this = $(this);
        $this.next().toggle();
     } 
}, '.js-test');

JSFIDDLE

2
  • а что в точности должно происходить при mouseover, mouseleave и click?
    – Cheg
    Commented 10 июл. 2017 в 15:43
  • @Cheg то что в js написано
    – bsbak
    Commented 10 июл. 2017 в 15:45

1 ответ 1

0

Добавьте строчку - спрятать попап на клике:

click: function () {
   var $this = $(this);
   $this.popover('hide');
   $this.next().toggle();
}

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.