绑定click事件append div,点击回复再移除。

Question

var $html="<div id='reply1'>haha <button class='replyBtn'>回复</button></div>"$(".reply").one("click",function(){$(this).parent().parent().append($html);});$(".replyBtn").live("click",function(){$("#reply1").remove(); $(".reply").one("click",function(){     $(this).parent().parent().append($html); });});要做的功能是点击.reply弹出回复框div，点击"回复"button关闭这个div。问题：第一次点击.reply添加div是没有问题的;但是一旦点击了回复remove掉div后，下次再点击.reply却添加了两个div; 都关闭后再点击.reply，就添加了三个div....总之，就是点击过几次回复，下次点.reply就会出现几个div。。。。为什么呀？求助

Answer 1

div 虽然被移除了，但他绑定的事件并没有被解绑，$(".replyBtn").unbind().live("click",function(){...
现在jquery不建议用live了，所有一般这么写$(".replyBtn").off().on("click",function(){...