jquery与Discuz代码冲突的解决措施
发布时间：2021-11-30 18:11:08 所属栏目：教程 来源：互联网
导读：common.js冲突，本来首页代码就比较多，好几个JS文件混合着用，于是新建了index.htm文件 把最主要的文件往里面放 只保留的头部和页脚信息 注意看以下代码 01 script typet=text/javascript src=http://www.aizhanku.com/jquery/1.9.1/jquery.min.js/script 0
|
common.js冲突，本来首页代码就比较多，好几个JS文件混合着用，于是新建了index.htm文件 把最主要的文件往里面放 只保留的头部和页脚信息 注意看以下代码 01 <script typet="text/javascript" src="http://www.aizhanku.com/jquery/1.9.1/jquery.min.js"></script> 02 <script type='text/javascript' > 03 $(window).bind("scroll", 04 function() { 05 var st = $(document).scrollTop(); 06 var sel=$("#J_m_nav,top"); 07 if (st > 600) { 08 sel.addClass("nav_fixed"); 09 } else { 10 sel.removeClass("nav_fixed"); 11 } 12 }); 13 </script> 在第二行<script type='text/javascript' > 添加了var jq = jQuery.noConflict(); 同时把$改成了jq 最后的代码如下 01 <script typet="text/javascript" src="template/xiaoguotuzhijia/js/picLoad/jquery-1.9.1.min.js"></script> 02 <script type='text/javascript' > 03 var jq = jQuery.noConflict(); 04 jq(window).bind("scroll", 05 function() { 06 var st = jq(document).scrollTop(); 07 var sel=jq(".hdc"); 08 if (st > 580) { 09 sel.addClass("nav_fixed"); 10 } else { 11 sel.removeClass("nav_fixed"); 12 } 13 }); 14 </script> 代码中if (st > 580) {.... 580就是鼠标滚动了580个像素导航条浮动.hdc就是导航条的 nav_fixed相当于重新定义了下导航条，同时nav_fixed可以更改浮动后的样式，类似于腾讯视频 浮动后可以添加更多的元素  （编辑：PHP编程网 - 黄冈站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
浙公网安备 33038102330482号