谷歌地图点击电话锚点事件

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>

现在，当我第一次单击标记并获取弹出窗口然后单击锚点时，它不会触发事件。但是当我关闭一个弹出窗口并从不同的标记打开另一个弹出窗口时，它会按预期触发。

只是为了测试，我尝试在地图 addlistener 中添加锚点点击事件，但没有成功。

我知道你没有什么需要调查的，但如果有人能提供帮助，我将不胜感激。谢谢

Answer 1

我已经解决了这个问题，如果有人需要，我会把它留在这里。

store-info 是通过 infowindow 中的 jquery 模板生成的动态类。因此，我将其替换为更高级的父类来注册点击事件并解决了问题。