4

Twitter Bootstrap ポップオーバーを使用していますが、ブラウザー ウィンドウのサイズを変更しているときにポップオーバーの場所を動的に変更する方法がわかりません。問題は、ウィンドウのサイズを変更すると、ポップオーバーが固定されたままになることです。他のhtml要素のようにポップオーバーを遅らせたい。

コード：

$('#popover1').popover({
    html : true,
    content: function() {
        return $("#form").html();
    },
    placement: "top"
});
4

2 に答える 2

3

これは私にとってはうまくいきます。show表示されているすべてのポップオーバーに対してイベントを呼び出します。

$(window).off("resize").on("resize", function() {
    $(".popover").each(function() {
        var popover = $(this);
        if (popover.is(":visible")) {
            var ctrl = $(popover.context);
            ctrl.popover('show');
        }
    });
});
于 2015-12-10T14:01:44.620 に答える
2

次の質問と回答をご覧ください。

resize イベントにはイベント ハンドラーを使用する必要があります。

$(window).resize(function() {
  // your positioning code here
});

このコード内で、要素の位置を変更する必要があります。

于 2013-06-19T21:09:49.847 に答える