使用多个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等框架的冲突问题.