Jquery 将单击处理程序分配给新附加的元素

在下面的示例中，如何添加单击处理程序？我需要将其分配给新添加的锚元素

$.each(regions1, function(key, value) { 

    var coords = regions1[key].rel.split('-');
    $("#map").append("<a href='javascript:void(0)' id='"+ regions1[key].id +"' class='bullet' style='left: "+ addpx(Number(coords[0]) - rempx(settings.bulletWidthOffset)) +"; top: "+ addpx(Number(coords[1]) - rempx(settings.bulletHeightOffset)) +"'>&nbsp;</a> ")

    //.click(function(){showPopup(regions1[key].id);})

});

$。每个（区域1，函数（键，值）{
var coords=regions1[key].rel.split（'-'）；
$（“#映射”）。追加（“”）
//。单击（函数（）{showPopup（regions1[key].id）；}）
});

您想使用.live jQuery关键字

顺便说一句，这个示例需要放在任何其他代码之外，并放在$（document）.ready jQuery方法中。它会将单击事件绑定到所有具有“bullet”类的项目。

尝试以下操作：

$.each(regions1, function(key, value) { 

    var coords = regions1[key].rel.split('-');

    // first, create the element
    var element = $("<a href='javascript:void(0)' id='"+ regions1[key].id +"' class='bullet' style='left: "+ addpx(Number(coords[0]) - rempx(settings.bulletWidthOffset)) +"; top: "+ addpx(Number(coords[1]) - rempx(settings.bulletHeightOffset)) +"'>&nbsp;</a> ");

    // then add the listener/handler
    element.click(function(){showPopup(regions1[key].id);})

    // finally, append the new element to the dom.
    $("#map").append( element );
});

$。每个（区域1，函数（键，值）{
var coords=regions1[key].rel.split（'-'）；
//首先，创建元素
变量元素=$（“”）；
//然后添加侦听器/处理程序
元素。单击（函数（）{showPopup（regions1[key].id）；}）
//最后，将新元素附加到dom中。
$（“#映射”）。追加（元素）；
});

代码段中有“绑定”而不是“活动”。

$.each(regions1, function(key, value) { 

    var coords = regions1[key].rel.split('-');

    // first, create the element
    var element = $("<a href='javascript:void(0)' id='"+ regions1[key].id +"' class='bullet' style='left: "+ addpx(Number(coords[0]) - rempx(settings.bulletWidthOffset)) +"; top: "+ addpx(Number(coords[1]) - rempx(settings.bulletHeightOffset)) +"'>&nbsp;</a> ");

    // then add the listener/handler
    element.click(function(){showPopup(regions1[key].id);})

    // finally, append the new element to the dom.
    $("#map").append( element );
});