Discuz默认JS和其他JS冲突的解决方案
一、找到冲突的JS
如:
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
二、在下面添加:
<script type="text/javascript"> var jq = jQuery.noConflict(); </script>
三、然后把用到该JS中"$"全部换成"jq"
例子:
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> //文件内的$全部替换为jq <script type="text/javascript"> var jq = jQuery.noConflict(); </script> <style type="text/css"> /* suspend */ .suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;} .suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;} .suspend dl dt{width:40px;height:198px;background:url(img/suspend.png);position:absolute;top:0;left:0;cursor:pointer;} .suspend dl dd.suspendQQ{width:120px;height:85px;background:#ffffff;} .suspend dl dd.suspendQQ a{width:120px;height:85px;display:block;background:url(img/suspend.png) -40px 0;overflow:hidden;} .suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;} .suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(img/suspend.png) -40px -86px;overflow:hidden;} * html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))} </style> <div class="suspend"> <dl> <dt class="IE6PNG"></dt> <dd class="suspendQQ"><a href="#" target="_blank"></a></dd> <dd class="suspendTel"><a href="javascript:void(0);"></a></dd> </dl> </div> <script type="text/javascript"> jq(document).ready(function(){ jq(".suspend").mouseover(function() { jq(this).stop(); jq(this).animate({width: 160}, 400); }) jq(".suspend").mouseout(function() { jq(this).stop(); jq(this).animate({width: 40}, 400); }); }); </script>
留言评论
暂无留言