解决Discuz点击diy没反应及TAB切换无反应的问题

我们在进行DZ模板制作时,使用DIY功能去调用论坛中的不同版块的数据,由于DIY会自动增加外面的层,有时会导致某些模板的diy没反应,也有的只会显示不会消失的情况。这是由于JS无法找到相应的节点。

解决Discuz点击diy没反应及TAB切换无反应的问题

解决Discuz点击diy没反应步骤:

1、使用FTP上传工具,找到staticjs目录下的common.js文件。然后右键选择下载该文件。解决Discuz点击diy没反应及TAB切换无反应的问题

2、下载到本地(建议下载到桌面,或者新建一个用于存放代码修改文件的文件夹,以便于查找),右键选择”打开方式“,选择使用记事本打开下载的该文件。解决Discuz点击diy没反应及TAB切换无反应的问题

3、使用快捷键:“CTRL+F”,查找关键字段: function openDiy()。查找到之后关闭查找窗口,以免影响代码修改。

4、找到以下代码:

function openDiy(){

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、将找到的代码改为如下:

function openDiy(){
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上传覆盖对应的原文件,之后回到后台更新缓存即可。最后进入网站首页,查看修改过后的效果。解决Discuz点击diy没反应及TAB切换无反应的问题

解决DZ模板制作时TAB切换无反应的方法就是用自己的代码结合目标网站的样式来替换。

第一步:修改TAB切换按钮。使用以下html代码代替(文字可以自己替换):

 <ul>
<li id=”two1″ onMouSEOver=”setTab(1)” class=”on1″>幼教</li>
<li id=”two2″ onMouSEOver=”setTab(2)”>小学</li>
<li id=”two3″ onMouSEOver=”setTab(3)”>初中</li>
<li id=”two4″ onMouSEOver=”setTab(4)”>高中</li>
<li id=”two5″ onMouSEOver=”setTab(5)”>大学</li>
</ul>

第二步:将以下的JS代码放在以上的HTML代码的下面。

 <script language=”JAVAscript”>
<!–
function setTab(su){
for(i=1;i<=5;i++){
var menu=document.getElementById(‘two’+i);
menu.className = i==su?”on1″:””; //三维运算来判断当前I是不是与SU相等,然后取值
var con=document.getElementById(“con_”+i);
con.style.display = i==su?”block”:”none”;
}
}
//–>
</script>

第三步:将内容版块使用以下的DZ代码替换。并且id=”con_1″ 需要不断的增加。如id=”con_2″,id=”con_3″……

<dl id=”con_1″ style=”display: block;”>
[loop]
<div class=”fl phshuzi”>{currentorder}</div><div class=”phsz_r”><a href=”{url}” title=”{title}” target=”_blank”>{title}</a></div>
[/loop]
</dl>

第四步:由于不同网站所使用的类名不一样,以上的代码需要结合自己的网站的类名进行修改,以达到自己需要的效果。

© 版权声明
THE END
喜欢就支持一下吧
点赞11
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称

    暂无评论内容

随即推荐
尼采老师直播流量起号实战课-铁虎资源网

尼采老师直播流量起号实战课

课程来自尼采老师的直播流量起号实战课。主要内容包括:抖音直播起号与运营,从抖店开通、账号搭建养号讲起,解析直播画面呈现与场景选择,详解手机及电脑直播的设备采买与实操。还会揭秘抖音流...
haiyang457的头像-铁虎资源网haiyang45724天前
04314
短视频实战营2025金刚手艺-铁虎资源网

短视频实战营2025金刚手艺

课程从定位、内容策划入手,剖析爆款底层逻辑,传授拍摄、剪辑硬核技巧,还会分享运营黑科技,带你掌握流量密码。实战案例拆解,导师全程指导,助你快速从小白成长为短视频高手,开启变现之路。
anorbuztio1959的头像-铁虎资源网anorbuztio195912天前
02513
陆明明淘宝虚拟项目特训班15.0-铁虎资源网

陆明明淘宝虚拟项目特训班15.0

淘宝虚拟项目特训班15.0.专为操作淘宝虚拟项目设计。课程内容涵盖项目实操、变现模式优化、AI工具应用和标题流量提升,从开店到打造自动盈利店铺,包括工具提供、高利润项目推荐及矩阵,适合新...
zywinqq的头像-铁虎资源网zywinqq17天前
02411
WordPress主题–Thrive Theme Builder v10.7.3 破解版+Shapeshift-铁虎资源网

WordPress主题–Thrive Theme Builder v10.7.3 破解版+Shapeshift

Thrive Theme是一款WordPress多功能主题。此主题带有可视化的页面构建器,类似于Elementor之类的功能。
RandallLug的头像-铁虎资源网RandallLug11天前
0356
WordPress主题–Flatsome v3.20.1 破解版下载-铁虎资源网

WordPress主题–Flatsome v3.20.1 破解版下载

高性能多用途WooCommerce主题,适合任何类型的 WordPress 项目。 主题压缩包文件在Theme Files目录内。 下载文件包含child子主题,建议主题本体安装后启用子主题。
hn9632的头像-铁虎资源网hn963211天前
02310
单页竞价引流模板,微信宣传推广粉丝引流加好友,SEO单页收录吸粉模板主页源码-铁虎资源网

单页竞价引流模板,微信宣传推广粉丝引流加好友,SEO单页收录吸粉模板主页源码

主要特点包括:视觉风格:使用深色背景配合金色和红色元素,营造高端且富有吸引力的视觉效果,突出赚钱主题。 核心内容: 突出 “月赚 10 万” 的核心卖点 展示不同人群(个体户、工...
casinoqoel的头像-铁虎资源网casinoqoel12天前
02815
儿歌点点v4.5.9解锁VIP会员版-超多儿歌童谣-铁虎资源网

儿歌点点v4.5.9解锁VIP会员版-超多儿歌童谣

儿歌点点是一款专注于早教服务的移动应用,旨在为家长和孩子提供丰富、多样的早教资源。APP内涵盖海量儿歌、童谣、故事以及儿童行为习惯规范和启蒙认知等内容,方便家长根据需求选择合适的早教...
Miguelfen的头像-铁虎资源网Miguelfen24天前
04513
AI与大模型企业应用系列课程-铁虎资源网

AI与大模型企业应用系列课程

一共25个AI与大模型在制造业企业、金融机构、教育机构、餐饮等行业实际上的企业端应用案例,对案例本事做了介绍,并深度讲解了企业选择AI与大模跟业务融合的逻辑,期望能给你带来启发。
别偷我白米饭的头像-铁虎资源网别偷我白米饭29天前
02911