您好,欢迎来到建站之家源码网建站之家!只做精品网站源码
  • 首 页
  • 当前位置:首页 > 建站教程 > Discuz使用教程 >
    解决Discuz点击diy没反应及TAB切换无反应的问题
    时间:2017-10-19 11:50 来源:未知 作者:admin 浏览:收藏 打印

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

    解决Discuz点击diy没反应的问题

    解决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>

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

    标签:建站之家

    郑重声明:
    本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。
    如有侵犯您的版权,请及时联系QQ:1395550247,我们尽快处理。

    Discuz使用教程 从入门到精通视频教程大全Discuz使用教程 从入门到精通视
    Discuz出现“对不起,您安装的不是正版应用..”Discuz出现“对不起,您安装的
    discuz如何设置门户为默认首页discuz如何设置门户为默认首页
    支持建站之家广告栏目
      客服:我们竭诚为您服务!

      客服:我们竭诚为您服务!