javascript - 动态锚点 onclick 事件未触发

Question

我试图在这个小提琴http://jsfiddle.net/CWaHL/1/中实现相同的行为， 但唯一的区别是我的锚标记是通过 jquery 动态生成的

我的代码

   acqIdCounter = grouparr.length;
    $("#attendessbox") .append( "
    <div id='acquiantancebox"+acqIdCounter+"' class='acquaintance'
        style='padding: 1%; float: left; position: relative;'>
        <a href='#' class='deleteAcq' onClick='return false;'>
        <img style='max-width: 100%' src='images/crosserror.png' /></a><span
            style='border: 1px solid #DE4062; width: 100%; border-radius: 4px'>"
            + acquiantancename + "<br />" + acquiantancemob + "
        </span>
    </div>

和点击事件

$('a.deleteAcq').on('click',function(e){
 alert("test");
 return false;
});

所以这里有问题，当点击图像'crosserror.png'时，我的锚点击事件没有被触发。谢谢你的回答，不知道我做错了什么！！

Answer 1

的事件委托语法on不同。

$(static-eleemnt).on(event, dynamic-element-selector, function(){})

尝试

$(document).on('click','a.deleteAcq',function(e){
    alert("test");
    return false;
});

Answer 2

您需要将事件委托给父级，因此当它从动态创建的元素中冒出时您可以捕获它。

$('#attendessbox').on('click', 'a.deleteAcq', function(e){
  // Your code
});