0

この例を見てください: http://jsfiddle.net/JW9cF/1/

ポップオーバーに多くのコンテンツがある場合、ポップオーバーが上部のボディの外に出ることに気付くでしょう。これを防ぐ方法はありますか？

また、配置が「上」で左側に近い2番目のポップオーバーについては、矢印の位置が変更され、ボディの外にポップオーバーが表示されなくなります。これは、矢印の位置を変更して本体内に保持するために、最初のポップオーバーに必要なものです。

私は基本的なポップオーバーの初期化を使用しています:

$('#element').popover();
4

1 に答える 1

0

私はこのように修正することができましたが、これが正しい方法であるかどうかはわかりません:

$button.on('shown.bs.popover', function(e) {
    var $popover = $(".popover");

    if( placement == "left" && $popover.css("top").replace("px", "") < 0 ) {
        var arrowPosition = $(e.target).offset().top + $(e.target).height() / 2;
        $popover.css("top", 0);
        $(".arrow", $popover).css("top", arrowPosition + "px");
    }
});
于 2013-10-18T10:15:31.957 に答える