给切换的按钮下的模块动态添加内容，为什么重复呢

Question

给切换的按钮下的模块动态添加内容，为什么重复呢？公告内容添加了后，给第二个按钮下模块添加内容，但是，第一个按钮下模块也添加了

Answer 1

html： <div id="nr" class="nrbox sortable nr_content">
                <div class="music_btn rotate" style="">
                  <audio loop id="playmusic"  class="playmusic" src="mp3/外科医生奉达熙 - 버릇처럼 (习惯性).mp3"  preload="autoplay" ><!-- --></audio>
                </div>
                <!-- 页码-->
                <section class="main_page z-active z_current " arrange="0" id="xh0" >
                  <div class="sun_wrapper optscreen" style="position:relative; z-index:1">
                    <div class="wrapper_background page11" style=" background-size: cover;"></div>
                    <ul id="edit_contentimg0" class="sun_area edit_contentimg">                    </ul>
                  </div>
                </section>
              </div>jq：//新增添加页面
$(".addbtn a").click(function(){ if($("#ul1 li").length<=1){
$("#ul1 li button").attr('disabled',false);
$("#ul1 li button").removeClass("disacolor"); } var lilen=$("#ul1 li").length;
var lisection=$("#nr section").length;
var addlitop=lilen*80+"px";
var addxuhao=lilen;
var addid="li"+lilen;
var xh="xh"+lisection;
var addym=lisection;
    var sec1="page"+lisection;
var sec2="edit_contentimg"+lisection;
var sec3=lisection;
$('<li class="sun_clearfix " xuhao="'+addxuhao+'" id="'+addid+'"style="top:'+addlitop+'"><span class="current"><em class="ng-binding">'+(addxuhao+1)+'</em></span><div class="listItem pageno">第<strong>'+(lilen+1)+'</strong>页</div><div class="listItem widItem"></div></li>')
//.find("button").click(btnclick).end()
.appendTo($("#ul1"));
var li=$("#ul1").find("#"+addid);
var lishei=li.length*80;
$("#ul1").height(lishei);
$("#ul1 li").each(function() {
$(this).addClass("xuhaochd").siblings().removeClass("xuhaochd");
});
li.find("span").removeClass("current");
li.find("span").addClass("number");
li.siblings().find("span").removeClass("number");
li.siblings().find("span").addClass("current");
$("section.main_page").addClass("sec_hide").hide();
//添加中间画布据数显示隐藏//2019/10/22
var html = ' <section class="main_page z-active z_current" arrange="'+addym+'" id="'+xh+'" style="">'+
'<div class="sun_wrapper optscreen" style="position:relative; ">'+
'<div class="wrapper_background" id="'+sec1+'" style=" background-size: cover;"></div>'+
'<ul id="'+sec2+'" class="sun_area edit_contentimg">'+
'</ul>'+
'</div>'+
'</section>'
; $("#nr").append(html); //moveLi();
//页码点击切换显示效果
$("#ul1 li").click(function(){
 $(this).addClass("xuhaochd").siblings().removeClass("xuhaochd");
 $("#nr section.main_page").hide().eq($("#ul1 li").index(this)).show();  $("#ul1 li").each(function() {
 $(this).find("span").addClass("current");
 $(this).find("span").removeClass("number");  });
 $(this).find("span").addClass("number");
 $(this).find("span").removeClass("current"); });

Answer 2

不要用append，append就是添加的意思，不是替换

Answer 3

在你append之前可以先把你的容器div清空一下:$('#nr').find('XXX').empty().append(html)