设为首页收藏本站
网站公告 | 这是第一条公告
     

 找回密码
 立即注册
缓存时间08 现在时间08 缓存数据 生活如海,宽容作舟,泛舟于海,方知海之宽阔;生活如歌,宽容是曲,和曲而歌,方知生活甜美。早安

生活如海,宽容作舟,泛舟于海,方知海之宽阔;生活如歌,宽容是曲,和曲而歌,方知生活甜美。早安

查看: 1370|回复: 3

Discuz和jQuery变量名冲突的3种解决方法

[复制链接]

  离线 

TA的专栏

  • 打卡等级:即来则安
  • 打卡总天数:17
  • 打卡月天数:1
  • 打卡总奖励:241
  • 最近打卡:2025-06-01 00:55:25
等级头衔

等級:晓枫资讯-上等兵

在线时间
0 小时

积分成就
威望
0
贡献
416
主题
384
精华
0
金钱
1454
积分
834
注册时间
2023-2-10
最后登录
2025-6-1

发表于 2023-6-24 21:29:51 | 显示全部楼层 |阅读模式
缘起于之前自己初次接触开发,做了一款插件,本地测试安装使用的时候发现所有的下拉菜单都不能够使用,鼠标点击没有任何反应,DIY也不能够使用,后来经1314学习网解答说明是DZ和JQ的$冲突!大家平时在写模版或者插件的时候多多少少都会使用JQ,不知道什么时候就会遇到冲突性问题,最近在网上找了很多相关教程,现在与大家进行分享!
第一种答案:
1、使用到的JS文件无需修改
2、在页面的最头部,也就是标签下的第一行开始引入,这是为了能确保该JS加载在DZ默认JS之前。 3、在引用到该JS文件的地方建$改成 jQuery(注意大小写)。 如上方式,一般都能解决大部分的JS不兼容情况。如果还是米哟解决的话尝试一下方法: 将用到的JS里面的所有$君替换成jQuery。
第二种答案:
DZ使用了S()作为对象选取函数,刚好与jQuery默认的$()函数重合造成冲突,同样也是为了保持原有的DZ程序不被更改,所以我们要在JQ上修改了。jquery.js 不需要修改这个文件。只要在引用的时候修改一下即可。例如以下代码 是jq 的代码。如果不做修改直接用入DZ会报错。

复制代码代码如下:
<script type="text/javascript">// <![CDATA[</p><p>$j(function(){ //使用jQuery
$("p").click(function(){
alert( $(this).text() );
});
}); </p><p>$("pp").style.display = 'none'; //使用prototype
// ]]></script>

我们可以引用jQuery给JQ赋予一个变量

复制代码代码如下:
var jq = jQuery.noConflict();</p><p><script type="text/javascript">// <![CDATA[</p><p>var jq = jQuery.noConflict();
jq(function(){ //使用jQuery
jq("p").click(function(){
alert( jq(this).text() );
});
});
jq("pp").style.display = 'none'; //使用prototype
// ]]></script>

替换之后应该是解决js冲突问题。
第三种,W3C在线手册解决方法,和上面的差不多一样:
http://www.w3school.com.cn/jquery/core_noconflict.asp

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
晓枫资讯-科技资讯社区-免责声明
免责声明:以上内容为本网站转自其它媒体,相关信息仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同其观点或证实其内容的真实性。
      1、注册用户在本社区发表、转载的任何作品仅代表其个人观点,不代表本社区认同其观点。
      2、管理员及版主有权在不事先通知或不经作者准许的情况下删除其在本社区所发表的文章。
      3、本社区的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,举报反馈:点击这里给我发消息进行删除处理。
      4、本社区一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
      5、以上声明内容的最终解释权归《晓枫资讯-科技资讯社区》所有。
http://bbs.yzwlo.com 晓枫资讯--游戏IT新闻资讯~~~

  离线 

TA的专栏

等级头衔

等級:晓枫资讯-列兵

在线时间
0 小时

积分成就
威望
0
贡献
0
主题
0
精华
0
金钱
16
积分
12
注册时间
2022-12-25
最后登录
2022-12-25

发表于 2023-9-22 12:21:01 | 显示全部楼层
感谢分享~~~~学习学习~~~~~
http://bbs.yzwlo.com 晓枫资讯--游戏IT新闻资讯~~~

  离线 

TA的专栏

等级头衔

等級:晓枫资讯-列兵

在线时间
0 小时

积分成就
威望
0
贡献
0
主题
0
精华
0
金钱
11
积分
2
注册时间
2023-11-26
最后登录
2023-11-26

发表于 2025-3-1 19:51:54 | 显示全部楼层
顶顶更健康!!!
http://bbs.yzwlo.com 晓枫资讯--游戏IT新闻资讯~~~

  离线 

TA的专栏

等级头衔

等級:晓枫资讯-列兵

在线时间
0 小时

积分成就
威望
0
贡献
0
主题
0
精华
0
金钱
20
积分
20
注册时间
2022-12-28
最后登录
2022-12-28

发表于 2025-4-7 13:53:05 | 显示全部楼层
感谢楼主分享。
http://bbs.yzwlo.com 晓枫资讯--游戏IT新闻资讯~~~
严禁发布广告,淫秽、色情、赌博、暴力、凶杀、恐怖、间谍及其他违反国家法律法规的内容。!晓枫资讯-社区
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1楼
2楼
3楼
4楼

手机版|晓枫资讯--科技资讯社区 本站已运行

CopyRight © 2022-2025 晓枫资讯--科技资讯社区 ( BBS.yzwlo.com ) . All Rights Reserved .

晓枫资讯--科技资讯社区

本站内容由用户自主分享和转载自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。

如有侵权、违反国家法律政策行为,请联系我们,我们会第一时间及时清除和处理! 举报反馈邮箱:点击这里给我发消息

Powered by Discuz! X3.5

快速回复 返回顶部 返回列表