使用JQuery禁用Google Maps API（V3）上的infoWindow / Box内的链接？

Question

我在地图上显示了一个信息框，其中填充了一系列链接（我已将这些链接指定为“.mapLinks”类。）

我的目标是在“主页面”（包含在地图canvas div所在的页面中）中使用JQuery来识别和禁用链接，而是使用它们来显示位于“主页面”上的div 。我的JQuery如下;

$('.mapLinks').click(function(event) {
    event.preventDefault();
    $('#divOnMainPage').addClass('hidden');
});

非常感谢任何帮助。

Answer 1

如果动态添加，则需要使用.delegate()：

$(document).delegate('.mapLinks', 'click', function(event) {
    event.preventDefault();
    $('#divOnMainPage').addClass('hidden');
});

或者，如果您使用的是1.7+，则可以使用.on()语法：

$(document).on('click', '.mapLinks', function(event){
    event.preventDefault();
    $('#divOnMainPage').addClass('hidden');
});

这会将事件绑定到父元素（在这种情况下为document）并捕获事件的泡沫。因此，您可以动态添加和删除.mapLinks，它仍然有效。