<div>中<div>中的.click()不起作用

Question

$('#A').click(function () {
    $('#A1').prepend('<div class="AcL" id=' + i + '>Hello<span class="RmMe" id="' + i + '" style="margin-left:20px; cursor:pointer;">X</span></div>');
    i++;
});

$('.RmMe').click(function () {
    alert("OK");
});

<div id="A1"></div>

知道为什么点击不起作用？

Answer 1

您需要使用.delegate()或.live()因为您尝试将处理程序绑定到尚不存在的元素.

$('#A').click(function() {
    $('#A1').prepend('<div class="AcL" id='+i+'>Hello<span class="RmMe" id="'+i+'" style="margin-left:20px; cursor:pointer;">X</span></div>');
    i++;        
});

$('.RmMe').live('click', function() { alert( 'OK' ); });

试试吧.

编辑:

但是,如果您使用的是jQuery 1.7+,则该.on方法是首选方法:请参阅xdazz的帖子

$('.RmMe').on('click', function () {
    alert("OK");
});

祝好运!