javascript - 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 所说，您必须使用事件委托(delegate):

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

附注最好使用 .addItems:first 的任何父节点，而不是 document。