jquery - Jquery 1.10.1 点击（事件委托问题）

Question

请看一下这个jsFiddle。基于单击，将附加类添加到 div。我正在尝试根据课程点击并获得回复。非常感谢您的帮助！

jQuery(document).ready(function () {

    var count = 0;
    $("#more_time").click(function () {
        count += 1;

        $("#list_times").append($("#more_time").text() + " - <span id='remove_" + count + "' class='remove' style='cursor:pointer; '>(remove)</span><br>");
    });

    $(".remove").on("click", function () {
        alert("Hello");
    });

});

html

<div id="more_time">Weekdays 7:00am - 9:00am - More Time</div>
<br>
<br>
<div id="list_times"></div>

Answer 1

看起来事件委托在这里是你的朋友。

而不是将事件绑定到类

$('.remove').on('click', function {  // some code});

将事件委托给其静态父级

$('#list_times').on('click', '.remove', function {  // some code});

工作小提琴

Answer 2

.remove将绑定代码更改为委托语法

$("#list_times").on("click", '.remove', function () {
    alert("Hello");
});

演示在http://jsfiddle.net/gaby/J8KDv/6/