我到处搜寻了互联网,而我发现此stackoverflow帖子很有见地,是否可以根据屏幕宽度更改Bootstrap弹出窗口的位置?,它仍然没有回答我的问题,可能是由于我在理解位置/偏移时遇到了麻烦。
这就是我想要做的。我希望Twitter Bootstap Popover的位置为RIGHT,除非热点Popover的位置超出视口,然后我希望它的位置为LEFT。我正在制作一个具有热点的iPad Web应用程序,当您按一个热点时,会显示信息,但是当水平滚动锁定时,我不希望它出现在视口之外。
我在想它会变成这样:
$('.infopoint').popover({
trigger:'hover',
animation: false,
placement: wheretoplace
});
function wheretoplace(){
var myLeft = $(this).offset.left;
if (myLeft<500) return 'left';
return 'right';
}
有什么想法吗?谢谢!
auto
根据您在弹出窗口中放置的页面布局和内容,并非总是能正常工作。