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

不会触发动态锚点onclick事件

2 个答案: