var $html="<div id='reply1'>haha <button class='replyBtn'>回复</button></div>"
$(".reply").one("click",function(){
极客观点
项目管理
HarmonyOS
$(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。。。。为什么呀？求助
建议用on和off。
因为你没有给出结构，所以我猜问题出现在live上：
改成这样试试：
$(".replyBtn").die('click').live("click", function() {
$("#reply1").remove();
$(".reply").one("click", function() {
$(this).parent().parent().append($html);
});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title></head>
<body>
<div class="reply">回复1</div>
<div class="reply">回复2</div>
<div class="reply">回复3</div>
<div class="reply">回复4</div>
<div class="reply">回复5</div>
<div class="reply">回复6</div>
<div class="reply">回复7</div>
<div class="reply">回复8</div>
</body>
<script src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
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").off("click").one("click",function(){
$(this).parent().parent().append($html);
});
});</script>
</html>
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
3 回答2.1k 阅读✓ 已解决
div 虽然被移除了，但他绑定的事件并没有被解绑，$(".replyBtn").unbind().live("click",function(){...
现在jquery不建议用live了，所有一般这么写$(".replyBtn").off().on("click",function(){...