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

2022-10-31

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

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

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

1、使用FTP上传工具,找到static\js目录下的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>

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

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明 1、本站所发布的全部内容源于互联网搬运,(包括源代码、软件、学习资料等)本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的23个小时之内,从您的电脑或手机中彻底删除上述内容。
2、访问本站的用户必须明白,本站对所提供下载的软件和程序代码不拥有任何权利,其版权归该软件和程序代码的合法拥有者所有,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如本站不慎侵犯您的版权请联系我们,我们将及时处理,并撤下相关内容!敬请谅解! 侵删请致信E-mail:messi0808@qq.com
3、如下载的压缩包需要解压密码,若无特殊说明,那么文件的解压密码则为www.xmy7.com
4、如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

小蚂蚁资源网 cms教程 解决Discuz点击diy没反应及TAB切换无反应的问题 https://www.xmy7.com/zh/cms/18489.html

相关文章