记录一下这个问题:
项目基础jquery版本是v1.6.2,juery高版本是不能兼容低版本的,这就导致了我在这个界面想用高版本的jquery就不能用,自己写代码还好,可以注意,但是当引用一些插件工具时,插件的jquery版本是其他的,我总不能挨着研究一遍插件的代码再去给它兼容版本。
解决这个问题暂时有两种方法,以后遇到了再进行补充:
1.把版本不同的插件模块写在iframe里面
iframe里是另一个界面,自然就解决了版本冲突。这明显不是一个好方法,毕竟h5已经弃用iframe了,而且自己开发两个页面中数据传输也很不方便,样式排版,滚动条等还需要单独处理。
2.在一个界面同时引用两个jquery
这个方法是基于jquery的noConflict方法,给不同版本的jquery命名,比如说用的最多的代码如下命名
<script src="/Components/jquery/jquery.js" type="text/javascript" ></script>
<script> var $ = jQuery.noConflict(true);
var jQuery=$;
</script>
这样这个用的比较多的jquery 对象名还是$或者jQuery
要用的比较少的jquery可以这样:
<script src="Components/colorPicker/js/jquery.min.js""></script>
<script>
var jq1110 = j