Discuz!自制模板带jquery时与discuz本身冲突解决办法
2018-02-03 09:58
337 查看
由于JQuery的效果很好,在制作模板时难免会用到各种jquery效果。可是做过模板的人就会发现加上自己的juery代码后,discuz自带的一些下拉功能就不可以使用了,其实原因就是discuz和JQuery的$发生冲突,导致有些功能失效。在网上找了一些资料整理了一下,希望能够帮到大家,同时也希望discuz能尽快解决这个问题。
方法一:
在页面的最头部,也就是<head>标签下的第一行开始引入我们用到的JQuery文件,这是为了能确保该JS可以在DZ默认JS之前加载。
在引用到该JS文件的地方把$改成 jQuery(注意大小写)。
如上方式,一般都能解决大部分的JS不兼容情况。如果还是米哟解决的话尝试一下方法:
将用到的JS里面的所有$全部替换成jQuery。
方法二:
DZ使用了$()作为对象选取函数,刚好与jQuery默认的$()函数重合造成冲突,同样也是为了保持原有的DZ程序不被更改,所以我们要在JQ上修改了。不需要修改jquery.js这个文件。只要在引用的时候修改一下即可。
[html] view
plain copy
<script src="style/js/jquery.js" type="text/javascript"></script>
这是引用一个jquery核心文件,然后在其下面加上:
[html] view
plain copy
<script type="text/javascript">var myJQ = jQuery.noConflict();</script>
然后把我们使用的js文件里面的所有$都换成我们自定义的这个值myJQ,大小写要相同。
建议使用第二种方法,如果要用到多个版本的JQ文件的话,就是在每个下面加上这句就好了。如:
[html] view
plain copy
<script src="style/js/jquery.1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">var old_JQ = jQuery.noConflict();</script>
<script src="style/js/jquery.1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">var new_JQ = jQuery.noConflict();</script>
方法一:
在页面的最头部,也就是<head>标签下的第一行开始引入我们用到的JQuery文件,这是为了能确保该JS可以在DZ默认JS之前加载。
在引用到该JS文件的地方把$改成 jQuery(注意大小写)。
如上方式,一般都能解决大部分的JS不兼容情况。如果还是米哟解决的话尝试一下方法:
将用到的JS里面的所有$全部替换成jQuery。
方法二:
DZ使用了$()作为对象选取函数,刚好与jQuery默认的$()函数重合造成冲突,同样也是为了保持原有的DZ程序不被更改,所以我们要在JQ上修改了。不需要修改jquery.js这个文件。只要在引用的时候修改一下即可。
[html] view
plain copy
<script src="style/js/jquery.js" type="text/javascript"></script>
这是引用一个jquery核心文件,然后在其下面加上:
[html] view
plain copy
<script type="text/javascript">var myJQ = jQuery.noConflict();</script>
然后把我们使用的js文件里面的所有$都换成我们自定义的这个值myJQ,大小写要相同。
建议使用第二种方法,如果要用到多个版本的JQ文件的话,就是在每个下面加上这句就好了。如:
[html] view
plain copy
<script src="style/js/jquery.1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">var old_JQ = jQuery.noConflict();</script>
<script src="style/js/jquery.1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">var new_JQ = jQuery.noConflict();</script>
相关文章推荐
- Discuz!自制模板带jquery时与discuz本身冲突解决办法
- 黄聪:Discuz自制模板带jquery时与discuz本身冲突解决办法
- Discuz!和jQuery冲突的解决办法
- Discuz!和jQuery冲突的解决办法
- Discuz和jQuery选择符$冲突的解决办法
- Discuz和jQuery冲突的解决办法
- jquery 与 discuz 默认JS 冲突解决办法
- Discuz 和jQuery冲突问题及解决办法(详细步骤)——discuz引入jquery后,不能diy问题
- jQuery和Discuz js冲突解决办法
- jQuery和Discuz js冲突解决办法
- Discuz!和jQuery冲突的解决办法
- JS__jQuery和Discuz js冲突解决办法
- magento引入jquery库和prototype库冲突的解决办法
- 同时导入两个不同版本的jQuery,不冲突的解决办法
- 引入jQuery后$冲突的解决办法
- 加载jQuery后$冲突的解决办法
- 最新超简单仅5步完美解决ECshop与JQuery冲突的办法 三
- ecshop与jquery冲突的解决办法
- opencms中editable时的jquery和自己引入的jquery冲突,造成undefined a function解决办法
- jQuery库与其他JS库冲突的解决办法