JQuery：Fancybox 在 Google 地图中不起作用

Posted 2023-05-09

【中文标题】JQuery：Fancybox 在 Google 地图中不起作用

【英文标题】：JQuery: Fancybox is not working inside Google Maps

【发布时间】：2013-11-18 03:58:06

【问题描述】：

在谷歌地图中，​​我必须提供扩展图像的可能性。 Fancybox 正是我需要的解决方案，但不幸的是由于某些原因无法正常工作。

http://jsbin.com/ISeZUPaY/2

在此示例中，您可以看到 fancybox 如何在地图之外正常工作，但在地图内部却无法正常工作。

你知道为什么会这样吗？

非常感谢！

编辑：

我已经尝试使用信息窗口而不是信息框，到目前为止工作正常：

http://jsbin.com/evIjuFO/2

所以问题不在于谷歌地图和 Fancybox 之间的不兼容，正如我想的那样，而是谷歌地图的信息框和 Fancybox 之间的不兼容。 所以现在的问题是：我怎样才能在信息框内制作可工作的 Fancybox？

谢谢。

【问题讨论】：

我看到的是：Uncaught TypeError: Object [object Object] has no method 'fancybox'

@Dr.Molle 这是因为您对fancybox js文件的调用返回403 Forbidden ...您需要在另一个窗口中加载该文件以便可以缓存它fancyapps.com/fancybox/source/jquery.fancybox.js

@JFK：这只是对在这个例子中你可以看到fancybox如何正常工作的评论......因为那里没有任何工作。

@Dr.Molle ：确实如此（至少是地图下的fancybox图像）

什么不完全有效？你看到地图和它下面的图像了吗？

【参考方案1】：

设置

enableEventPropagation: true

在您的信息框选项中