Question

我正在动态地为一些孩子添加一个div。当用户点击.delete-marker div时，我想调用一个函数。但由于某种原因，它没有调用任何东西，我似乎没有在控制台中看到任何错误。

for (var i = 0; i < array.length; i++) {
    $("input[name='commit']").before("<div class='edit-inputs'><input type='text' class='marker-input' name='num[" + i +  "]' id='num[" + i + "]' value=" + array[i]+ " readonly><div class='delete-marker marker-input' style='float: right;'>x</div><br class='marker-input' /></div>");
}

$('.delete-marker').on('click', function() {
    alert();
});

Answer 1

使用委派来动态添加元素，方法是使用源选择器中的document

$(document).on('click','.delete-marker', function() {

    alert();

});

这有效捕获document内发生的所有点击事件，并在点击的元素为.delete-marker时执行处理程序

点击时调用功能不起作用

1 个答案: