页面多次加载jquery类库，导致jquery插件失效和版本冲突问题

背景. 同一页面多次加载jquery类库

例：

      

....
<script src="jquery1.7.js" ......>
<script>
     $.fn.extend({
           aaa:function() {...},
           bbb:function() {...}
     });

     ...
     ....
     $('#id').aaa();//调用jquery 扩展的对象方法.     //js error:   aaa is not a function
</script>
....
<script src="jquery1.8.js" ......>

 

 

原因:

      因为引入两次jqeury类库，第二次加载时，将会重置jquery功能(也就是$.fn.extends扩展的方法将会重置丢失)

 

解决: 为什么引入两次？ 必要？

 

 

问题二: 多版本jquery冲突

解决:

var JQ = jQuery.noConflict(true);