如何使用jquery将click事件添加到多个项目

Question

我有一个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>');      
}); 

UI列表项是包含纬度和long值的链接。我想将click事件添加到该链接。我单击链接缩放到该位置。如何添加活动？

Answer 1

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

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

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

Answer 2

您可以在“list-group-item”类上应用jquery click事件

$( ".list-group-item" ).click(function() {
var id = $(this).attr('id');//clicked <li> id
    var lat = $(this).attr('data-lat');//clicked <li> data-lat
    var lng = $(this).attr('data-lng');//clicked <li> data-lng
    //code for zooming 
});