javascript - 如何使用jquery为多个项目添加点击事件

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 9 年前。

我有一个 jquery 代码，它获取 json 数据并将它们列在 ul 列表中。我想在点击时填充此项目。

$('#places)是一个 ul 列表。

$.each(data, function (id, item) {                  
   $('#places').append('<a href="#" class="list-group-item" data-lat=' + item.lat + ' data-lng=' + item.lng + '>' + item.name + '</a>');      
}); 

Ul 列表项是包含纬度和经度值的链接。我想向该链接添加点击事件。我单击链接缩放到该位置。如何添加事件？

Answer 1

您可以使用on()来处理动态生成的链接，

$('#places').on('click','a.list-group-item',function(e){
   e.preventDefault();
   //code here
});

您可以使用e.preventDefault();来阻止浏览器默认操作。