当悬停按钮时,弹出窗口不会完全显示。这是在屏幕内。
我在网上引用了为什么popover隐藏在屏幕上,但还没有得到正确的修复。
请参阅以下示例
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'
});
});
答案 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>