Question

这让我发疯了。我网站上的所有彩盒都运行良好。但是，当我尝试用谷歌地图打开一个时，它打开两个或更多的地图！我尝试了两种API映射和iframe嵌入式映射。

有时，当我首先在我的网站中打开其他颜色框时，它会多次重复谷歌地图。

如果我什么都不做，只是打开地图，彩色框会打开2张地图。这让我疯了！

这是我用来打开彩盒的具体代码：

        $(document).on('click', '.btn_map', function (e) {
            var salonId = $(e.currentTarget).attr('id').substr(4);
            $.colorbox({
                width:"715px",
                height:"568px",
                title:false,
                iframe:true,
                open:true,
                href:"content/map.php?id="+salonId
            });
            return false;
        });

我在其他问题上阅读了用户href：this.href

但是当我尝试时，颜色框开始打开，然后突然加载为新页面。

以下是相关网站：

http://testing.fyrastudio.com/lab/gaf/angarano/

为了到达麻烦的彩盒，你必须去SALONI，然后选择任何REGIONE和CITTA并点击INVIA。填充表后，在每行的末尾，您将看到链接“vedi mappa”。这会打开彩盒。

啊，我差点忘了。当您在此处单独打开地图时：

http://testing.fyrastudio.com/lab/gaf/angarano/content/map.php?id=1

它完美无缺，所以我认为问题不存在。

jQuery是1.9.1 Colorbox是1.4.3

所以我认为它们都是最新的。

我感谢任何帮助。谢谢！

Answer 1

点击处理程序似乎已连接两次。我无法看到它发生的位置，但您可以尝试通过删除以前附加的点击处理程序来避免这种情况：

$(document).off('click', '.btn_map')
  .on('click', '.btn_map', function (e) {/*your code*/});

jQuery - Colorbox多次使用Google Maps加载内容

1 个答案: