從谷歌地圖內運行腳本？

Question

我有一個谷歌地圖腳本如下代碼...

<a class='btn btn-modal' data-target='popup.html'>Go</a> 

腳本的鏈接作品之外並運行功能$('.btn-modal').click(function() {（在頁面上），但在infoWindowHtml沒有。

任何人都知道爲什麼你不能在我的網頁上從護目鏡地圖內運行腳本？

腳本我想在頁面谷歌地圖上的頂部來運行...

$(document).ready(function() { 
    // Support for AJAX loaded modal window 
    $('.btn-modal').click(function() { 
     $.get($(this).attr('data-target'), function (data) { 
      $('#modal').html(data); 
      $('#modal').modal('show'); 
     }, 'html'); 
    }); 
}); 

谷歌地圖顯示提取鏈接

map = new google.maps.Map(document.getElementById("map"), options); 
// Create an Array for the Markers 
var markers = []; 
var latLng = new google.maps.LatLng(#local.poiLat()#, #local.poi()#); 
var iconImg = '/assets/images/pin-50.png'; 
var marker = new google.maps.Marker({ 
    icon: iconImg, 
    draggable: true, 
    position: latLng, 
    title: '#left(local.poiTxt(),60)#' 
}); 
// Action Listener for the Marker 
google.maps.event.addListener(marker, "click", function (event) { 
    var area = this.get('location'); 
    var infoWindowHtml = "<a class='btn btn-modal' data-target='popup.html'>Go</a>"; 
    infoWindow.setContent(infoWindowHtml); 
    infoWindow.open(map, this); 
}); 

Answer 1

的DOM上的信息窗口的心不是部分負載...所以你需要使用on而不是click：

$(document).on('click','.btn-modal',function() { 

在哪裏document存在於負載的父元素 - 也許是div的地圖id ...所以

$('#map').on('click','.btn-modal',function() { 

docs for .on() here