悬停的Bootstrap popover保持活跃 - 生成元素

Question

这很好 - 使用此code。生成弹出窗口，一切都很好..

$('[rel="popover"]').popover({
    html: true,
    //selector: '',
    trigger: 'manual',
    container: $(this).attr('id'),
    placement: 'top'
}).on("mouseenter", function () {
    var _this = this;
    $(this).popover("show");
    $(this).siblings(".popover").on("mouseleave", function () {
        $(_this).popover('hide');
    });
}).on("mouseleave", function () {
    var _this = this;
    setTimeout(function () {
        if (!$(".popover:hover").length) {
            $(_this).popover("hide")
        }
    });
});

但是，我正在尝试对其进行调整，以便它能够在Ajax调用中动态生成标记。这段代码似乎有用（ish）但是看起来没有使用popover设置，因为所有HTML都被剥离了。有人可以提供一些建议吗？非常感谢。

编辑：我也尝试添加selector: '[rel="popover"]',但仍然没有运气

$('body').popover({
    html: true,
    //selector: '',
    trigger: 'manual',
    container: $(this).attr('id'),
    placement: 'top'
}).on("mouseenter", '[rel="popover"]', function () {
    var _this = this;
    $(this).popover("show");
    $(this).siblings(".popover").on("mouseleave", function () {
        $(_this).popover('hide');
    });
}).on("mouseleave",'[rel="popover"]', function () {
    var _this = this;
    setTimeout(function () {
        if (!$(".popover:hover").length) {
            $(_this).popover("hide")
        }
    });
});