給切換的按鈕下的模塊動態添加內容，為什么重復呢？公告內容添加了后，給第二個按鈕下模塊添加內容，但是，第一個按鈕下模塊也添加了
uj5u.com熱心網友回復：
貼代碼。。。。。。uj5u.com熱心網友回復：
把代碼放出來再說，不給代碼，讓我們怎么幫你找uj5u.com熱心網友回復：
html：<div id="nr" class="nrbox sortable nr_content">
<div class="music_btn rotate" style="">
<audio loop id="playmusic" class="playmusic" src="https://bbs.csdn.net/topics/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");
});
uj5u.com熱心網友回復：
貼代碼都貼的這么不負責任，活該你問題多
uj5u.com熱心網友回復：
不要用append，append就是添加的意思，不是替換
uj5u.com熱心網友回復：
uj5u.com熱心網友回復：
在你append之前可以先把你的容器div清空一下:$('#nr').find('XXX').empty().append(html)轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/155483.html
標籤：JavaScript