关于prototype和使用多个JQuery插件的冲突问题
<p>之前转载过一篇文章 <a href="http://blog.csdn.net/ddjohn/article/details/5767232">http://blog.csdn.net/ddjohn/article/details/5767232</a> 讲述关于prototype和jquery冲突的解决办法 最近在制作前端js特效的时候发现还是不太完美实用。如果使用多个jquery插件的话 比如lofJSidernews和jcarousel 不仅各个版本的IE提示脚本错误无法运行 就连ff和chrome都接受不了。经过多番调试，总结magento内加入多个jquery兼容并用的方法，针对先加载prototype后jq 示例脚本如下:</p>
<pre>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
});
});</pre>
<p>
示例代码可以看出 将$符号的使用全完全交给prototype并且重新命名JQ的$，所有JQ代码都藏在ready之内，这样就可以有效地避免脚本之间的冲突。That's it~Happy coding...
</p>
转载请注明本文地址：http://www.yipec.com/%E5%85%B3%E4%BA%8Eprototype%E5%92%8C%E4%BD%BF%E7%94%A8%E5%A4%9A%E4%B8%AAjquery%E6%8F%92%E4%BB%B6%E7%9A%84%E5%86%B2%E7%AA%81%E9%97%AE%E9%A2%98/
