Question

我正试图在弹出窗口被徘徊时保持Bootstrap3弹出窗口存活。我正在使用OkezieE在这个thread的答案中提出的JQuery代码，它的标准用途很好：

 $(".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重新加载内容的排序功能，在重新加载内容后，弹出窗口不会触发。有人有解决方案吗？

Answer 1

尝试一下，即使在加载DOM后加载，也应该使用选择器.pop在任何元素上创建一个弹出窗口。

如果提供了选择器，则会将弹出框对象委托给指定目标。实际上，这用于启用动态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);
});

当内容重新加载时，popover正在悬停时保持bootstrap3 popover存活？

1 个答案: