Question

我正在使用谷歌地图api v3。地图上有多个标记。当有人点击infowindow时，应该会弹出警告信息。但它并没有倾听内容的内容。

这是代码：脚本：

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

infowindow内容：

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");
});

详细了解event delegation using on here

Answer 2

如果内容超过一次，那么你有重复的ID ..

尝试设置class =“languages” 然后

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

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

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

jquery中的Id侦听器问题

2 个答案: