使用 JQuery 在 Google Maps API (V3) 上禁用 infoWindow / Box 内的链接？答案

【问题标题】：Disable link inside infoWindow / Box on Google Maps API (V3) using JQuery?使用 JQuery 在 Google Maps API (V3) 上禁用 infoWindow / Box 内的链接？
【发布时间】：2012-03-10 22:24:43
【问题描述】：

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

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

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

任何帮助将不胜感激。

【问题讨论】：

您的代码没有问题，什么不工作？ .mapLinks 是动态添加的吗？如果是，您将需要使用.delegate()。或者 .on() 在父母身上。
是的，infoBox 动态填充了“.mapLinks”。我会尝试'.delegate()'。感谢您的快速回复。

标签： javascript jquery google-maps google-maps-api-3 infowindow

【解决方案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，它仍然可以工作。

【讨论】：

@chib 没问题！欢迎使用 StackOverflow，一旦问题得到解决，请务必接受解决问题的答案。