javascript - jQuery中的ID侦听器问题

Question

我正在使用谷歌地图 api v3。地图上有多个标记。当有人单击信息窗口时，应该会弹出警报消息。但它不是在听那个内容的id。

这是代码： 脚本：

<script type="text/javascript">
$(document).ready(function () {
  $("#languages").click(function(){
    alert("Perfect");
  });
});
</script>

信息窗口内容：

google.maps.event.addListener(marker, 'click', function() {
    var content="<div name='languages' value='Ronak Patel' id='languages'>RRP</div>";
    infowindow = new google.maps.InfoWindow();  
    infowindow.setContent(content);
    infowindow.open(marker.get('map'), marker);
});

Answer 1

由于您正在languages动态创建，因此.click()无法正常工作

试试这个

$(document).on('click', '#languages', function(){
    alert("Perfect");
});

在此处阅读有关事件委托的更多信息on

Answer 2

如果内容不止一次，则您有重复的 ID。

尝试设置 class="languages" 然后

$(".languages").click(function(){
     alert("Perfect");
});

或者这个，如果你必须委托它：

$(document).on('click', '.languages', function(){
    alert("Perfect");
});