Jquery 1.10.1点击(事件委托问题)

时间:2013-06-21 05:17:30

标签: jquery class click jsfiddle

请查看此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>

2 个答案:

答案 0 :(得分:2)

看起来活动委派是您的朋友。

而不是将事件绑定到类

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

将事件委托给其静态父

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

<强> Working Fiddle

答案 1 :(得分:0)

.remove绑定代码更改为delegated syntax

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

http://jsfiddle.net/gaby/J8KDv/6/

演示