使用多个JS框架时产生冲突解决方法
在做某个专题的时候,用到了mootool和jQuery两个时下流行的框架,mootool实现highslide效果,jQuery用来生成facebook Wall的Ajax效果,结果无论怎么调整,鱼和熊掌都没法兼得,只能择其一,我心不甘,查!
试了不少方法,不管用,像这个:
<script type=”text/javascript”>
jQuery.noConflict();
</script>
下面是最后采用的,通过测试完美解决.
<script src=”http://jquery.com/src/latest/”></script>
<script type=”text/javascript”>
JQ = $; //rename $ function
</script>
<script src=”mootool.js”></script>
即将$重命名为JQ,注意后面使用”$”都需要替换为”JQ”,同时注意调用顺序,先jQuery在mootool.
同时这个方法还可以解决jQuery与prototype等框架的冲突问题.
