引导弹出框(窗)被挤压的问题小结 - 行业资讯 - 肥雀云

比较了下引导的弹窗和一些其它的开源项目,觉得引导的还算不错。没想到第一次就遇到了一个问题。

弹出框显示的时候如果贴近一个列的边沿,就会很窄,如果一个列比较宽还好,而如果遇到这样的列比如<代码>:& lt; div类=癱ol-md-2祝辞> 　　

先看看我的实现以及效果:

　　js:

　　　　　　$(函数(){ 　　$ (“[data-toggle=按啊盷”).popover ({ 　　触发:“徘徊” 　　}）; 　　}); 　　　　html:

　　　　　　& lt; div类=癱ol-md-1”比; 　　… 　　& lt; img src=" https://www.yisu.com/zixun/.. "宽度=?0”高度=?0”data-toggle=按啊笔菽谌?'…title=啊?比; 　　… 　　& lt;/div> 　　　　

效果　　

引导弹出框(窗)被挤压的问题小结

不过解决起来很简单,只需在初始化的时候添加一个容器属性就可以了:

　　　　　　$(函数(){ 　　$ (“[data-toggle=按啊盷”).popover ({ 　　触发:“徘徊”, 　　容器:“身体” 　　}）; 　　}); 　　　　

我们把容器设置成整个页面的身体,这样弹窗就有足够宽的地方了。

引导弹出框(窗)被挤压的问题小结

实际上在官网上对容器的作用是有说明的地址,,只是没有注意到:

弹出窗口附加到一个特定的元素。例如:容器:“身体”。这个选项特别有用,因为它允许您附近的流文件的位置弹出窗口触发元素——这将阻止弹出窗口浮动远离触发元素在一个窗口调整。

以上所述是小编给大家介绍的引导弹出框(窗)被挤压的问题小结,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!