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

摘要: 我在做沭阳web-沭阳网站建设网的时候,需要在网站的首页增加幻灯片,沭阳web的首页幻灯片不是discuz X3.1自带的DIY功能制作的,而是引用外部的JS代码制作的,但是在制作好首页幻灯片后发现一个问题,就是discuz X3.1 ...
我在做沭阳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了。


相关阅读