单击iframe时,Bootstrap下拉列表不会折叠

概述我在一个Web应用程序上使用Bootstrap,该应用程序包含一些包含iframe的页面.目前,我们无法移除iframe. Bootstrap下拉菜单可以正常打开,但是如果您点击页面中iframe一部分的任何区域,则崩溃事件不会触发. 这里的例子： http://jsfiddle.net/mark47/bCzMf/3/ 尝试点击以关闭iframe外的任何位置,然后在iframe中关闭菜单.注意：i 我在一个Web应用程序上使用bootstrap,该应用程序包含一些包含iframe的页面.目前,我们无法移除iframe. bootstrap下拉菜单可以正常打开,但是如果您点击页面中iframe一部分的任何区域,则崩溃事件不会触发.

这里的例子：
http://jsfiddle.net/mark47/bCzMf/3/

尝试点击以关闭iframe外的任何位置,然后在iframe中关闭菜单.注意：iframe内容似乎没有显示在小提琴中,但您可以看到我的问题.

任何想法如何在点击页面上的任何位置时使其崩溃？

更新：在@baptme回答的帮助下,我能够让它运转起来.我在下面的答案中描述.

解决方法 通过单击页面触发下拉列表的关闭.

由于iframe不是页面,因此不会关闭.

你必须删除data-toggle =“dropdown”,用JavaScript $(‘.dropdown-toggle’)调用下拉列表.dropdown()

然后在iframe的顶部显示透明div,例如.transparent-mask

并使用JavaScript(jquery personnaly)从.dropdown中删除.open类,单击.transparent-mask或文档.

总结

以上是内存溢出为你收集整理的单击iframe时,Bootstrap下拉列表不会折叠全部内容，希望文章能够帮你解决单击iframe时,Bootstrap下拉列表不会折叠所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。