我在谷歌地图脚本中有以下代码......
<a class='btn btn-modal' data-target='popup.html'>Go</a>
在脚本之外，链接有效并运行该函数$('.btn-modal').click(function() {（在页面上），但在 infoWindowHtml 中它没有。
任何人都知道为什么您不能从护目镜地图中在我的页面上运行脚本？
我想在 Google 地图所在页面的顶部运行的脚本...
$(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);
});