0

ポップオーバーがホバーされている間、Bootstrap3 ポップオーバーを維持しようとしています。このスレッドからのOkezieEの回答で提案されている以下の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 を使用してコンテンツをリロードする並べ替え機能があり、コンテンツがリロードされた後、ポップオーバーはトリガーされません。誰にもその解決策がありますか？

4

1 に答える 1

0

これを試してみると、.popDOM がロードされた後にロードされた場合でも、セレクターを持つすべての要素にポップオーバーが作成されます。

セレクターが提供されている場合、ポップオーバー オブジェクトは指定されたターゲットに委譲されます。実際には、これは動的 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);
});
于 2015-09-11T14:38:49.030 に答える