罗汉果 发表于 2015-1-30 03:29:01

引用JQ冲突

本帖最后由 罗汉果 于 2015-1-30 15:34 编辑

老师好：
      门户首页引用JQ，造成DIY不能用，还有登陆也点不开。


这是没有点DIY按钮的界面



这是点DIY按钮后空白的截图

试着按网上说的解决冲突
第一种方法
1、在<head>标签下的第一行开始引入我们用到的JS文件
2、 在引用到该JS文件的地方把$改成 jQuery：
      我是这样引用的地址
   <script type="text/javascript" src="./template/syzc/js/jquery.min.js"></script>
   <link rel="stylesheet" href="./template/syzc/css/fwslider.css" media="all">
   <script type="text/javascript" src="./template/syzc/js/jquery-ui.min.js"></script>
   <script type="text/javascript" src="./template/syzc/js/fwslider.js"></script>
      因没有$符号，所以没改
3、将JS里面的所有$全部替换成jQuery

这个方法没有解决

第二种方法
1、在引用的jquery文件后面加上：<script type="text/javascript">var jQuery = jQuery.noConflict();</script>
   如下：   
      <script type="text/javascript" src="./template/syzc/js/jquery.min.js"></script>
      <script type="text/javascript">var jQuery = jQuery.noConflict();</script>
      <link rel="stylesheet" href="./template/syzc/css/fwslider.css" media="all">
      <script type="text/javascript" src="./template/syzc/js/jquery-ui.min.js"></script>
      <script type="text/javascript">var jQuery = jQuery.noConflict();</script>
      <script type="text/javascript" src="./template/syzc/js/fwslider.js"></script>
      <script type="text/javascript">var jQuery = jQuery.noConflict();</script>

2、然后在引用的JS文件里，把$全部改成 jQuery


以上两种方法都试了，还是没解决问题，请老师指点迷津

技术帮助 发表于 2015-1-30 12:04:27

<script type="text/javascript">var jQuery = jQuery.noConflict();</script>
一个页面只需要使用一次，var jQuery = jQuery.noConflict();
其目的是用来剔除jQuery的$的！因为jQuery中的$和Discuz中的$有冲突，所以采取剔除！

至于你之前所说的没有$的问题，是因为JS是引入的，除开jquery.min.js（jquery.js），的文件都打开，找到里面的$进行替换即可！

罗汉果 发表于 2015-1-30 15:37:11

专业解答，永无忙音！DZ起点网，我全天候的老师！

罗汉果 发表于 2015-1-30 15:34:06

技术帮助 发表于 2015-1-30 12:04
一个页面只需要使用一次，
其目的是用来剔除jQuery的$的！因为jQuery中的$和Discuz中的$有冲突，所以采 ...

谢谢老师，问题圆满解决！
页: [1]
查看完整版本: 引用JQ冲突