背景. 同一页面多次加载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);