Сохранять всплывающее окно bootstrap3, пока всплывающее окно зависает при перезагрузке содержимого?

Я пытаюсь сохранить всплывающие окна Bootstrap3, пока всплывающие окна зависают. Я использую приведенный ниже код JQuery, предложенный в ответе OkezieE из этого thread и нормально работает для стандартного использования:

 $(".pop").popover({ trigger: "manual" , html: true, animation:false})
.on("mouseenter", function () {
    var _this = this;
    $(this).popover("show");
    $(".popover").on("mouseleave", function () {
        $(_this).popover('hide');
    });
}).on("mouseleave", function () {
    var _this = this;
    setTimeout(function () {
        if (!$(".popover:hover").length) {
            $(_this).popover("hide");
        }
    }, 300);
});

Однако у меня есть функция сортировки, которая перезагружает содержимое с помощью Ajax, и после перезагрузки содержимого всплывающие окна не срабатывают. У кого-нибудь есть решение для этого?


jquery twitter-bootstrap twitter-bootstrap-3 bootstrap-popover
person David Lenn    schedule 11.09.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте это, он должен создать всплывающее окно для любого элемента с селектором .pop, даже если он загружен после загрузки DOM.

Если предоставлен селектор, объекты всплывающих окон будут делегированы указанным целям. На практике это используется для включения всплывающих окон в динамический HTML-контент. См. это и информативный пример.

$("body").popover({ selector: '.pop', trigger: "manual" , html: true, animation:false})
.on("mouseenter", function () {
    var _this = this;
    $(this).popover("show");
    $(".popover").on("mouseleave", function () {
        $(_this).popover('hide');
    });
}).on("mouseleave", function () {
    var _this = this;
    setTimeout(function () {
        if (!$(".popover:hover").length) {
            $(_this).popover("hide");
        }
    }, 300);
});
person Schmalzy    schedule 11.09.2015
comment
Нет успеха, поповер вообще не запускается. - person David Lenn; 11.09.2015
comment
С помощью триггера: наведение вашего кода работает после перезагрузки содержимого, но теперь всплывающее окно не остается открытым при вводе мыши. - person David Lenn; 11.09.2015