ズームインまたはズームアウトしてブラウザのウィンドウのサイズを変更したとき。ポップオーバーは位置を更新しておらず、間違った場所に表示されています。
ブラウザのウィンドウのサイズ変更/ズーム時にBootstrapPopoverの配置/位置を変更するにはどうすればよいですか。
ズームインまたはズームアウトしてブラウザのウィンドウのサイズを変更したとき。ポップオーバーは位置を更新しておらず、間違った場所に表示されています。
ブラウザのウィンドウのサイズ変更/ズーム時にBootstrapPopoverの配置/位置を変更するにはどうすればよいですか。
Bootstrap 2.2.1では正常に機能しているようです(あなたの質問が間違っていると理解していない限り)。http://twitter.github.com/bootstrap/javascript.html#modalsでライブデモを試して、これが探しているものかどうかを確認してください。ウィンドウにonresizeイベントを使用して、複雑なモーダルとその内部のサイズを正しく設定します。
自分で位置を変えようとしましoffset().top
たouterHeight()
が、問題が発生しました。私にとっての解決策は、ポップオーバーのshow
イベントをもう一度思い出すことでした。
$(window).off("resize").on("resize", function() {
$(".popover").each(function() {
var popover = $(this);
if (popover.is(":visible")) {
var ctrl = $(popover.context);
ctrl.popover('show');
}
});
});
ウィンドウのサイズ変更時にすべてのポップオーバーが表示されるため、複数のポップオーバーがあるページでは機能しません