之前转载过一篇文章 http://blog.youkuaiyun.com/ddjohn/article/details/5767232 讲述关于prototype和jquery冲突的解决办法 最近在制作前端js特效的时候发现还是不太完美实用。如果使用多个jquery插件的话 比如lofJSidernews和jcarousel 不仅各个版本的IE提示脚本错误无法运行 就连ff和chrome都接受不了。经过多番调试,总结magento内加入多个jquery兼容并用的方法,针对先加载prototype后jq 示例脚本如下:
var $jQ = jQuery.noConflict(); $jQ(document).ready(function() { $jQ('#jslidernews2').lofJSidernews( { interval:5000, easing:'easeInOutExpo', duration:1200, auto:true, mainWidth:750, mainHeight:327, navigatorHeight : 109, navigatorWidth : 223, maxItemDisplay:3 } ); $jQ('#mycarousel').jcarousel({ auto: 2, wrap: 'last', initCallback: mycarousel_initCallback }); });
示例代码可以看出 将$符号的使用全完全交给prototype并且重新命名JQ的$,所有JQ代码都藏在ready之内,这样就可以有效地避免脚本之间的冲突。That's it~Happy coding...