Отключить ссылку внутри infoWindow / Box в Google Maps API (V3) с помощью JQuery?

Question

У меня есть infoBox, отображаемый на карте, которая заполнена списком ссылок (я дал этим ссылкам класс '.mapLinks').

Моя цель - использовать JQuery на главной странице'(содержится на странице, где находится div холста карты), чтобы идентифицировать и отключить ссылки и вместо этого использовать их, чтобы показать 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 динамически, и он все равно будет работать.