Javascript 引导带4工具提示位置:自动右键
我希望我的工具提示位于桌面元素的右侧,因为它最适合我的设计。但是,在较小屏幕上工作时,这会引发一个问题。Bootstrap3文档说它支持自动右放置,这应该更喜欢右边的工具提示,如果这是不切实际的,它将自动拾取一侧。我使用的是Bootstrap4,我尝试过使用这个选项,但它不起作用Javascript 引导带4工具提示位置:自动右键,javascript,html,jquery,bootstrap-4,popper.js,Javascript,Html,Jquery,Bootstrap 4,Popper.js,我希望我的工具提示位于桌面元素的右侧,因为它最适合我的设计。但是,在较小屏幕上工作时,这会引发一个问题。Bootstrap3文档说它支持自动右放置,这应该更喜欢右边的工具提示,如果这是不切实际的,它将自动拾取一侧。我使用的是Bootstrap4,我尝试过使用这个选项,但它不起作用 有没有办法在bootstrap 4中获得相同的结果?如果使用“右自动”无效,您可以使用函数根据屏幕大小返回值: placement: function() { return $(window).width()
有没有办法在bootstrap 4中获得相同的结果?如果使用“右自动”无效,您可以使用函数根据屏幕大小返回值:
placement: function() {
return $(window).width() > 767 ? 'right' : 'auto';
}
这不是一个响应迅速的解决方案,因为它不会在窗口大小改变时更新,但在大多数情况下应该会更新。如果您想要完全响应的行为,您需要在大小更改时重新初始化工具提示。如果使用“右自动”无效,您可以使用函数根据屏幕大小返回值:
placement: function() {
return $(window).width() > 767 ? 'right' : 'auto';
}
这不是一个响应迅速的解决方案,因为它不会在窗口大小改变时更新,但在大多数情况下应该会更新。如果您想要完全响应行为,则需要在大小更改时重新初始化工具提示