0

这真让我抓狂。我网站中的所有颜色框都运行良好。但是当我尝试打开一个带有谷歌地图的地图时，它会打开两个或更多地图！我尝试了 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 颜色框是 1.4.3

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

我感谢任何形式的帮助。谢谢！！

4

1 回答 1

0

似乎点击处理程序附加了两次。我看不出它发生在哪里，但您可以尝试通过删除以前附加的点击处理程序来避免这种情况：

$(document).off('click', '.btn_map')
  .on('click', '.btn_map', function (e) {/*your code*/});
于 2013-03-06T09:16:37.527 回答