jq动态添加的按钮，绑定单击事件问

Question

<a herf="javascript:cs(1)">添加</a>
<div id="obj"></div>$(function(){
   cs(0);
});
function cs(i){
    returnHtml = "<input type='button' value='浏览' class='btnUpload' id='btnScan"+i+"' />";
    $(Obj).append(returnHtml);
    //把浏览按钮附加单击事件
    $("#btnScan"+i).bind("click",function(){
alert("测试一下！")
     });
}问题：打开页面时returnHtml的代码会自动添加到div中，当我单击浏览按钮ID=btnScan0时，是正常的，在添加一个按钮，当我单击浏览按钮ID=btnScan1就不行，也没有任何错误，不知道怎么回事。怎么解决啊！

Answer 1

$(function(){
   cs(0);
});
function cs(i){
    returnHtml = "<input type='button' value='浏览' class='btnUpload' id='btnScan"+i+"' />";
    $(Obj).append(returnHtml);
    //把浏览按钮附加单击事件
    $("#btnScan"+i).bind("click",function(){
          cs(i+1);//这里可以在添加的
     });            
}

Answer 2

你的cs()方法先添加了button，接着为新元素添加了click事件，所以新元素的是可以正确响应你的事件的。