【问题标题】:JQuery: Fancybox is not working inside Google MapsJQuery:Fancybox 在 Google 地图中不起作用
【发布时间】: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图像)
  • 什么不完全有效?你看到地图和它下面的图像了吗?

标签: jquery google-maps google-maps-api-3 jquery-plugins fancybox


【解决方案1】:

设置

enableEventPropagation: true

在您的信息框选项中

【讨论】:

    猜你喜欢
    • 2016-05-11
    • 1970-01-01
    • 2020-04-30
    • 2016-02-01
    • 2019-04-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多