Google Maps щелкает событие на привязке к телефону

Question

У меня в настоящее время есть карта с маркерами для магазинов. При нажатии на карту, я получаю всплывающее окно, которое содержит информацию о магазине. Все маркеры помещаются в массив как обычно. Я добавляю прослушиватель, как показано ниже для каждого маркера, чтобы заполнить всплывающее окно с данными магазина, используя jquery шаблон .

google.maps.event.addListener(marker, 'clickFromList', function() {
    ......
    $('.store-info').on('click', '.tel', function(e){
       //do something
    });
    ......
});

Теперь мне нужно захватить событие щелчка для телефона в всплывающее окно (тег привязки), созданное для маркера, как показано выше.

Мое всплывающее окно выглядит примерно так.

<div class="store-info">
......
<a class="tel" href="tel:xxxxx">xxxxxxxx</a>
......
</div>

Теперь впервые, когда я нажимаю на маркер и получаю всплывающее окно и затем нажмите на якорь, это не вызовет событие. Но когда я закрываю одно всплывающее окно и открываю другое всплывающее окно с другим маркером, оно срабатывает, как и ожидалось.

Просто для тестирования я попытался добавить событие щелчка привязки снаружи в адденсере карт, но не повезло.

Я знаю, что вам нечего расследовать, но ценю, если кто-нибудь может помочь. Спасибо

Answer 1

Мне удалось решить эту проблему, и я оставлю ее здесь, если кто-нибудь захочет.

store-info - это класс Dynami c, созданный с помощью jquery шаблон в информационном окне. Поэтому я заменил его еще одним родительским классом для регистрации события щелчка и решил проблему.