lightbox2与jquery冲突

终于解决问题了,真是失败。原来只用改动一点就可以了。
先来说说问题吧。lightbox-2启用后,加载页面进度条失效。原因是lightbox调用的js库与JQuery冲突,可能描述不太准确。
后来想用非jquery的加载进度条方法绕开加载google的jquery库,可是失败了。另外还发现wp-recentcomments这个插件是要用jquery库的,不然计数就停止了。
解决方法:将原来使用的$方法名一律替换为jQuery名,如$(“obj”)替换为jQuery(“obj”)。即把插入的用于控制进度条进度的代码前的$,全部换为jQuery。
当然,网上还有好多种方法,记录一下好了
1、当jquery和prototype冲突的时候,
将jquery库下的代码这样写即可:
function FunctionName(){
(function($){
//这里写你的代码内容
})(jQuery);
}
2、在jquery.js后面将$变量重命名。
方法如下:
<script type=”text/javascript”  src=”jquery.js”></script>
<script type=”text/javascript”>
var jQuery=$;
</script>
<script type=”text/javascript” type=”text/javascript” src=”window.js”></script>
<!–上面这个window.js调用了jquery框架的方法–>
<script type=”text/javascript” type=”text/javascript” src=”prototype.js”></script>

终于解决问题了,真是失败。原来只用改动一点就可以了。
先来说说问题吧。lightbox-2启用后,加载页面进度条失效。原因是lightbox调用的js库与JQuery冲突,可能描述不太准确。
后来想用非jquery的加载进度条方法绕开加载google的jquery库,可是失败了。另外还发现wp-recentcomments这个插件是要用jquery库的,不然计数就停止了。
解决方法:将原来使用的$方法名一律替换为jQuery名,如$(“obj”)替换为jQuery(“obj”)。即把插入的用于控制进度条进度的代码前的$,全部换为jQuery。
当然,网上还有好多种方法,记录一下好了1、当jquery和prototype冲突的时候,将jquery库下的代码这样写即可:function FunctionName(){(function($){    //这里写你的代码内容})(jQuery);}
2、在jquery.js后面将$变量重命名。方法如下:<script type=”text/javascript”  src=”jquery.js”></script><script type=”text/javascript”>var jQuery=$;</script><script type=”text/javascript” type=”text/javascript” src=”window.js”></script><!–上面这个window.js调用了jquery框架的方法–><script type=”text/javascript” type=”text/javascript” src=”prototype.js”></script>

0 Comments
Leave a Reply

Time limit is exhausted. Please reload the CAPTCHA.