我有两个ul标签这是jsbin链接
我的脚本是
$("#to-do li").click(function(){
alert("I'm to-do li");
$(this).appendTo("#done");
});
$("#done li").on('click', function(){
// this event is not fired
alert("I'm done li");
$(this).appendTo("#to-do");
});
和需求是点击"待办事项李",它应该附加到"完成李",反之亦然。
第一个函数运行正常。但第二个根本没有开火。点击"#done li",再次调用第一个函数。请帮忙…
1) why("#doo-li")事件在点击$("#done-li")时启动。2) 如何实现
由于处理的是动态元素结构,因此需要使用事件委托
$('#to-do').on('click', "li", function () {
console.log("I'm to-do li");
$(this).appendTo("#done");
});
$('#done').on('click', "li", function () {
// this event is not fired
console.log("I'm done li");
$(this).appendTo("#to-do");
});
演示:Fiddle