【实测】jquery 与 DZ 默认JS 冲突解决办法 $转jq-Discuz教程下载

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

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

解决方法:
jquery.js  这个文件不需要修改。只要在引用的时候修改一下即可。例如以下代码 是jq 的代码。如果不做修改直接用入DZ会报错。
  1. <script type="text/javascript" src="/jquery/jquery.js"></script>
  2. <script type="text/javascript">
  3. $(document).ready(function(){
  4.   $("button").click(function(){
  5.     $("p").hide();
  6.   });
  7. });
  8. </script>
复制代码
咱们可以修改为:引用jQuery给JQ 赋予一个变量。jq  如:
  1. var jq = jQuery.noConflict();
复制代码
把上面那段JQ代码改为
  1. <script type="text/javascript" src="/jquery/jquery.js"></script>
  2. <script type="text/javascript">
  3. var jq=jQuery.noConflict();
  4. jq(document).ready(function(){
  5.   jq("button").click(function(){
  6.     jq("p").hide();
  7.   });
  8. });
  9. </script>
复制代码
这样就可以解决jquery 与 DZ 默认JS冲突的问题。

全部评论 0

您需要登录后才可以回帖 立即登录
登录
0
0
0
返回顶部