解決Discuz點(diǎn)擊diy沒(méi)反應(yīng)及TAB切換無(wú)反應(yīng)的問(wèn)題
2018-11-02 來(lái)源：學(xué)做網(wǎng)站論壇
我們?cè)谶M(jìn)行DZ模板制作時(shí)，使用DIY功能去調(diào)用論壇中的不同版塊的數(shù)據(jù)，由于DIY會(huì)自動(dòng)增加外面的層，有時(shí)會(huì)導(dǎo)致某些模板的diy沒(méi)反應(yīng)，也有的只會(huì)顯示不會(huì)消失的情況。這是由于JS無(wú)法找到相應(yīng)的節(jié)點(diǎn)。
解決Discuz點(diǎn)擊diy沒(méi)反應(yīng)步驟：
1、使用FTP上傳工具，找到static\js目錄下的common.js文件。然后右鍵選擇下載該文件。
2、下載到本地（建議下載到桌面，或者新建一個(gè)用于存放代碼修改文件的文件夾，以便于查找），右鍵選擇”打開(kāi)方式“，選擇使用記事本打開(kāi)下載的該文件。
3、使用快捷鍵：“CTRL+F”，查找關(guān)鍵字段：?function openDiy()。查找到之后關(guān)閉查找窗口，以免影響代碼修改。
4、找到以下代碼：
? if(DYNAMICURL) {
? window.location.href = SITEURL+DYNAMICURL + (DYNAMICURL.indexOf('?') < 0 ? '?' : '&') + ('diy=yes');
? } else {
? window.location.href = ((window.location.href + '').replace(/[\?\&]diy=yes/g, '').split('#')[0] + ( window.location.search && window.location.search.indexOf('?diy=yes') < 0 ? '&diy=yes' : '?diy=yes'));
? }
}
5、將找到的代碼改為如下：
? window.location.href = ((window.location.href + '').replace(/[\?\&]diy=yes/g, '').split('#')[0] + ( window.location.search && window.location.search.indexOf('?diy=yes') < 0 ? '&diy=yes' : '?diy=yes'));
}
6、修改完成之后保存，使用FTP上傳覆蓋對(duì)應(yīng)的原文件，之后回到后臺(tái)更新緩存即可。最后進(jìn)入網(wǎng)站首頁(yè)，查看修改過(guò)后的效果。
解決DZ模板制作時(shí)TAB切換無(wú)反應(yīng)的方法就是用自己的代碼結(jié)合目標(biāo)網(wǎng)站的樣式來(lái)替換。
第一步:修改TAB切換按鈕。使用以下html代碼代替(文字可以自己替換):
<li id="two1" onMouseOver="setTab(1)" class="on1">幼教</li>
<li id="two2" onMouseOver="setTab(2)">小學(xué)</li>
<li id="two3" onMouseOver="setTab(3)">初中</li>
<li id="two4" onMouseOver="setTab(4)">高中</li>
<li id="two5" onMouseOver="setTab(5)">大學(xué)</li>
</ul>
第二步:將以下的JS代碼放在以上的HTML代碼的下面。
<!--
function setTab(su){
for(i=1;i<=5;i++){
var menu=document.getElementById('two'+i);
menu.className = i==su?"on1":""; //三維運(yùn)算來(lái)判斷當(dāng)前I是不是與SU相等，然后取值
var con=document.getElementById("con_"+i);
con.style.display = i==su?"block":"none";
}
}
//-->
</script>
第三步:將內(nèi)容版塊使用以下的DZ代碼替換。并且id="con_1" 需要不斷的增加。如id="con_2"，id="con_3"……
[loop]
<div class="fl phshuzi">{currentorder}</div><div class="phsz_r"><a href="{url}" title="{title}" target="_blank">{title}</a></div>
[/loop]
</dl>
第四步:由于不同網(wǎng)站所使用的類(lèi)名不一樣，以上的代碼需要結(jié)合自己的網(wǎng)站的類(lèi)名進(jìn)行修改，以達(dá)到自己需要的效果。
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀(guān)點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。
