discuz X3.1引用JS代码使DIY显示空白失效的解决办法

我在做沭阳web-沭阳网站建设网的时候，需要在网站的首页增加幻灯片，沭阳web的首页幻灯片不是discuz X3.1自带的DIY功能制作的，而是引用外部的JS代码制作的，但是在制作好首页幻灯片后发现一个问题，就是discuz X3.1的DIY功能失效了，这个让我纠结了，过段用谷歌浏览器搜索了下，还是在discuz官网找到了解决的办法。

具体产生冲突的原因：因为 discuz X3.1中的变量用的 是 $ 开头，而JS代码也是用$ 这个开头的，因此产生了冲突，为了保持原有的discuz的程序不被更改，所以我们要在我们引用的JS上进行修改了。

以下代码是引用jS的代码，如果不做修改直接用入到discuz的index.html内的话就会报错。

• <script type="text/javascript">
• $j(function(){ //使用jQuery
• $("p").click(function(){
• alert( $(this).text() );
• });
• });
• $("pp").style.display = 'none'; //使用prototype
• </script>

discuz X3.1引用JS代码使DIY显示空白失效的解决办法为：给JS代码赋予一个变量，jS 如：“var jq = jQuery.noConflict(); ”

• <script type="text/javascript">
• var jq = jQuery.noConflict();
• jq(function(){ //使用jQuery
• jq("p").click(function(){
• alert( jq(this).text() );
• });
• });
• jq("pp").style.display = 'none'; //使用prototype
• </script>

只要将引用JS这段代码中的 $ 批量替换为就 jq 就OK了。