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内的话就会报错。
具体产生冲突的原因:因为 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>
- <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>