Question

jquery 用append添加子节点以后无法使用事件

$(function(){
var $i=3
$("#btn1").click(function (){

$("ul").append("<li>"+$i+"</li>");
$i++;
alert($("ul li").length);
});

$("ul li").dblclick(function (){
$(this).remove();
});
});

<input type="button" id="btn1" value="添加" />
<ul>
<li>1</li>
<li>2</li>
</ul>

jquery 用append添加子节点以后无法使用双击事件，可能是在程序加载的时候，只默认加载了2个LI ，append子节点以后，也只有原先的2个LI子节点能使用双击事件，请指教，添加的子节点如何也能使用双击事件

Answer 1

$ ("ul").delegate ("li", "dblclick", function ()
{
    $ (this).remove ();
});

或

$ ("ul li").live ("dblclick", function ()
{
    $ (this).remove ();
});