您的位置:首页 > Web前端 > JQuery

解决一个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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐