Google Maps infowindow closeclick 事件（函数参数）

Question

我的网络应用程序使用以下 popup-overlay 插件在屏幕上的弹出窗口中显示配置文件内容：
http://vast-eng.github.io/jquery-popup-overlay/

我的问题与我在弹出窗口中使用的 Google 地图 - 标记信息窗口有关。
当我尝试关闭信息窗口时，弹出窗口也会消失。
这是错误的！我没有立即明白它为什么这样做。
如果我找不到解决方案，我可以禁用或隐藏 X，但我不想这样做。

以下链接中的“where”部分显示了问题：
http://www.zwoop.be/dev/#list/bars/1

编辑 event 参数为以下事件侦听器返回“未定义”：

google.maps.event.addListener(self.marker.infowindow, "closeclick", function(e)
    {
        console.log(e); 
    });

谢谢

编辑2 这是一个说明问题的快速小提琴：
http://jsfiddle.net/462HF/

Answer 1

当您单击谷歌地图上 infoWindow 中的“X”时，会调用弹出叠加插件中的模糊功能，这就是整个弹出窗口关闭的原因。下面是 jquery.popupoverlay.js 文件中的代码：

if (options.blur) {
            blurhandler = function (e) {
                if (!$(e.target).parents().andSelf().is('#' + el.id)) {
                    methods.hide(el);
                }
            };
        }

“X”是一个图像，它的parents()只返回InfoWindow div，而不是popup div。因此，它会调用methods.hide(el) 并关闭弹窗。

可能有更好的方法来确定它是否被点击，但将其更改为以下工作。它只是检查目标的 img 源：

if (options.blur) {
            blurhandler = function (e) {
                if (!$(e.target).parents().andSelf().is('#' + el.id) ) {
                    if(!($(e.target).attr('src') === 'http://maps.gstatic.com/mapfiles/api-3/images/mapcnt3.png'))
                        methods.hide(el);
                }
            };
        }