昨天给论坛写了一个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冲突的问题。