iframe - 单击 iframe 时，Bootstrap 下拉菜单不会折叠

Question

我在一个 Web 应用程序上使用 Bootstrap，该应用程序有一些包含 iframe 的页面。目前，我们无法移除 iframe。 Bootstrap 下拉菜单可以正常打开，但是如果您单击属于 iframe 的页面的任何区域，则不会触发折叠事件。

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

尝试单击以关闭 iframe 之外的任何位置，然后在 iframe 内关闭菜单。注意:iframe 内容似乎没有出现在 fiddle 中，但你可以看到我的问题。

知道如何在单击页面上的任何位置时使其折叠吗？

更新:在@baptme 回答的帮助下，我能够让它工作。在我下面的回答中描述。

Answer 1

我使用不同的方法解决了这个问题。我的解决方案是在窗口中添加一个模糊事件。也许不像其他一些建议那么优雅，但这是我发现的一个有效的建议。

$(window).on('blur',function() { $('.dropdown-toggle').parent().removeClass('open'); } );

我想避免覆盖或透明蒙版，所以这似乎是一个不错的选择。我欢迎有关改进这种方法的建议。