【实测】jquery 与 DZ 默认JS 冲突解决办法 $转jq

来自版块: Discuz教程发表于: 2021-2-24 14:42:55

12037

0

如本资源下载地址失效,请点击此处进行反馈

开通本站Svip会员，全站资源免费下

昨天给论坛写了一个jquery 的JS特效，放上去后发现 jquery.js 与 dz 默认JS 有冲突，导致我写的jquery代码加入论坛模版后，DZ的下拉菜单显示不了，论坛表情按钮也无法使用，而且发布帖子页面的那些编辑框按钮也无法使用，后来上网搜了一下，原来这是因为DZ中的变量用的是 $ 开头，而JQ也是用$ 这个所以会有冲突。为了保持原有的DZ程序不被更改，所以我们就要在JQ上修改了。

解决方法：
jquery.js 这个文件不需要修改。只要在引用的时候修改一下即可。例如以下代码是jq 的代码。如果不做修改直接用入DZ会报错。

<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>

复制代码

咱们可以修改为：引用jQuery给JQ 赋予一个变量。jq 如：

var jq = jQuery.noConflict();

复制代码

把上面那段JQ代码改为

<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
var jq=jQuery.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").hide();
});
});
</script>

复制代码

这样就可以解决jquery 与 DZ 默认JS冲突的问题。

jquery，冲突，实测，默认，解决，办法

回复

全部评论 0

期待你的评论哦~

教程 / CSS+DIV素材

Discuz教程
CSS+DIV素材

返回版块

0

0

0