jQuery没有抓住这个事件

Question

我正在尝试使用以下代码，但我的jquery选择并未捕获点击事件

$('#addLevel').on('click', function() {
    var div = '<div class="form-inline">';
    var addButton = '<button  class="btn btn-success addItems" onclick="alert()" type="button">Добавить</button>';
    div += addButton;
    div += '</div>';
    $('#levels').append(div);
});
//I assume following code is not working but why?
$('.addItems').eq(0).on('click', function() {
    alert('clicked');
});

谢谢

Answer 1

然后你尝试向.addItems添加处理程序，没有这样的DOM节点。正如@blgt所说，你必须使用事件委托：

$(document).on('click', '.addItems:first', function() {
    alert('clicked');
});

P.S。更好地使用.addItems:first的任何父节点而不是document。