解决一个html 或jsp 引入多个不同版本的jquery 解决方案
2017-11-02 00:00
453 查看
摘要: 解决一个html 或jsp 引入多个不同版本的jquery 解决方案
解决一个html 或jsp 引入多个不同版本的jquery 解决方案
原因:一个html 引入多个jquery 一般会导致$符号冲突,所以需要把它区分开来,需要哪个版本的jquery 就使用哪个符号的函数,解决一个html界面需要两个js控件,但是两个js控件分别使用不同的jquery 版本实现特例。
实例如下:
<link type="text/css" rel="stylesheet" href="${ctx}/css/main.css" />
<link type="text/css" rel="stylesheet" href="${ctx}/dist/css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="${ctx}/js/choice.css" />
<link type="text/css" rel="stylesheet" href="${ctx}/js/s2-docs.css" />
<script type="text/javascript" src="${ctx}/js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript" type="text/javascript">
var $min=$;//(重点)
</script>
<script type="text/javascript" src="${ctx}/js/lhgdialog/lhgdialog.min.js?t=self&s=areo_blue"></script>
<script type="text/javascript" src="js/datePicker/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="${ctx}/dist/js/bootstrap.js"></script>
<script type="text/javascript" src="${ctx}/js/choice.js"></script>
<script type="text/javascript" type="text/javascript">
$min("#a").click(function(){
alert("aa");
});
$min(".main_info:even").addClass("main_table_even");
$("#b").click(function(){
alert("bb");
});
</script>
解决一个html 或jsp 引入多个不同版本的jquery 解决方案
原因:一个html 引入多个jquery 一般会导致$符号冲突,所以需要把它区分开来,需要哪个版本的jquery 就使用哪个符号的函数,解决一个html界面需要两个js控件,但是两个js控件分别使用不同的jquery 版本实现特例。
实例如下:
<link type="text/css" rel="stylesheet" href="${ctx}/css/main.css" />
<link type="text/css" rel="stylesheet" href="${ctx}/dist/css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="${ctx}/js/choice.css" />
<link type="text/css" rel="stylesheet" href="${ctx}/js/s2-docs.css" />
<script type="text/javascript" src="${ctx}/js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript" type="text/javascript">
var $min=$;//(重点)
</script>
<script type="text/javascript" src="${ctx}/js/lhgdialog/lhgdialog.min.js?t=self&s=areo_blue"></script>
<script type="text/javascript" src="js/datePicker/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="${ctx}/dist/js/bootstrap.js"></script>
<script type="text/javascript" src="${ctx}/js/choice.js"></script>
<script type="text/javascript" type="text/javascript">
$min("#a").click(function(){
alert("aa");
});
$min(".main_info:even").addClass("main_table_even");
$("#b").click(function(){
alert("bb");
});
</script>
相关文章推荐
- requireJS在同一个HTML/JSP页面,加载不同版本的jquery
- jQuery在html有效在jsp无效的原因及解决方法
- jsp通过include指令引入html乱码的解决方法
- .net在同一个项目中要引用两种不同版本的dll(dll hell)的解决办法
- jsp通过include指令引入html乱码的解决方法
- jQuery 1.7 正式版已经可以下载使用。jQuery是一个JavaScript库,它简化了HTML文档遍历,事件处理,动画和为网络快速发展的Ajax交互。jQuery 1.7 版本加入了新的事件API .on() 和 .off(),提
- Jquery不同版本共用的解决方案(插件编写)
- ubuntu安装多个qt版本--不同qt版本编译同一个程序时出现错误--解决方案
- easyui select选择框模糊查询 以及页面引入多个版本的jquery解决办法
- 在同一个页面使用多个不同的jQuery版本,让它们并存而不冲突
- 不同Jquery版本引发的问题解决
- 子系统公用同一个Dll,但不同版本的解决办法
- 在同一个页面使用多个不同的jQuery版本而不冲突的方法
- jsp通过include指令引入html乱码的解决方法
- 多个插件依赖不同版本jQuery问题解决案例
- 在myeclipse中的jsp里引入html,浏览器界面显示乱码的解决办法
- 通过iframe引入另外一个项目中的html片段到项目中,解决样式,高度,兼容等问题的策略
- 在jsp引入jquery报错,$找不到问题的解决方案
- androidstudio 一个项目多个不同功能的版本解决方法(多渠道打包,生成不同包名的包)
- 在同一个页面使用多个不同的jQuery版本,让它们并存而不冲突