2013-03-06 49 views
0

这让我疯狂。我网站上的所有彩盒都很棒。但是,当我尝试打开一个与谷歌地图里面打开两个或更多的地图!我试了两个API地图,并嵌入iframe。jQuery - Colorbox正在多次使用Google Maps加载内容

有时,当我首先在我的网站中打开其他彩盒时,它会多次重复Google地图。

如果我什么都不做,只要打开地图,colorbox会打开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,然后选择任大区和CITTA并点击INVIA。一旦表填充,在每行的末尾,您将看到链接“vedi mappa”。这将打开彩盒。

Ahhh我差点忘了。当您打开地图独自在这里:

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

它完美,所以我不认为这个问题是存在的。

jQuery是1.9.1 彩盒是1.4.3

所以我觉得他们都是最新的。

我很欣赏任何形式的帮助。 谢谢!

回答

0

看来,点击处理程序连接两次。我无法看到它发生在哪里,但你可以通过删除以前附加的点击处理程序来避免这种情况:

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

你是一个神人之中! :D非常感谢!我不会因为它是我唯一的那个地方,而不是它为什么被重复两次,但它工作。非常感谢!! – Jan 2013-03-07 05:20:44