admin 发表于 2018-1-7 16:59:17

DZ的jQuery(JS)冲突导致无法DIY最简单有效的解决方法

我们在制作模版的是经常要引入其它的jquery代码,但直接引入经常会出现DZ自身的一些下拉菜单、DIY等功能失常,这就是JQ冲突导致的。
查找试用过很多解决方法,方法虽多,但大多无效!浪费不少时间,下面直接给出一个最简便且有效的解决方法:
      <script type="text/javascript" src="$_G['style']js/jQuery.js"></script>
      <script type="text/javascript" src="$_G['style']js/top1dz.js"></script>
      <script type="text/javascript">var dz_JQ = jQuery.noConflict();</script>

如上代码所示,通常我们会引入一个jQuery框架和一个或多个JS代码,框架jQuery.js不管它,我们直接在top1dz.js下面如上所示写入<script type="text/javascript">var dz_JQ = jQuery.noConflict();</script>,接着打开top1dz.js文件,把符号“$”批量替换为dz_JQ即可。

解释:
var dz_JQ = jQuery.noConflict();的意思可以理解为叫上面top1dz.js让出$符号的占用,并重命名为dz_JQ,需要注意大小写;

如有多个JS文件,可以多次使用var dz_JQ = jQuery.noConflict();,例如:
      <script type="text/javascript" src="$_G['style']js/top1dz.js"></script>
      <script type="text/javascript">var dza_JQ = jQuery.noConflict();</script>

      <script type="text/javascript" src="$_G['style']js/top2dz.js"></script>
      <script type="text/javascript">var dzb_JQ = jQuery.noConflict();</script>

      <script type="text/javascript" src="$_G['style']js/top3dz.js"></script>
      <script type="text/javascript">var dzc_JQ = jQuery.noConflict();</script>
页: [1]
查看完整版本: DZ的jQuery(JS)冲突导致无法DIY最简单有效的解决方法