jQuery - Colorbox가 Google지도에 콘텐츠를 여러 번로드 중입니다.

Question

이것이 나를 미치게합니다. 내 사이트의 모든 색상 상자가 효과적입니다. 그러나 내가 구글 맵과 함께 그것을 열려고 노력할 때 그것은 2 이상의지도와 함께 열린다!! 나는 두 개의 API 맵과 iframe 임베디드 맵을 모두 시도했다.

때때로 내 사이트에서 다른 색상 상자를 열면 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; 
     }); 

I 사용자 HREF 다른 질문에 읽기 :

이 내가 colorbox 열 사용하고 특정 코드 this.href

는하지만 것을 시도 할 때 colorbox 시작 열려면 갑자기 새 페이지로로드됩니다. 여기

문제의 사이트입니다 :

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

성가신 colorbox에 도달하기 위해, 당신은 다음, 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*/});