Popover不显示?

时间:2018-04-18 11:05:07

标签: javascript jquery bootstrap-4 popover bootstrap-popover

当悬停按钮时,弹出窗口不会完全显示。这是在屏幕内。

我在网上引用了为什么popover隐藏在屏幕上,但还没有得到正确的修复。

请参阅以下示例

http://jsfiddle.net/8o48q5ej/

HTML:

<div class="wrapper2">
    <div class="tips my-tip2" data-placement="left" data-content="Second Popover content">
       Second Div Content
    </div>
</div>

JAVASCRIPT:

$(function() {


    $('.wrapper2').popover({
        selector: '.my-tip2',
        trigger: 'hover'
    });
});

1 个答案:

答案 0 :(得分:2)

只需将工具提示的展示位置从left更改为right,这样工具提示的展示位置就不会将其置于可查看区域之外。

<div class="wrapper2">
    <div class="tips my-tip2" data-placement="right" data-content="Second Popover content">
       Second Div Content
    </div>
</div>

此处a working fiddle