解决一个html 或jsp 引入多个不同版本的jquery 解决方案

本文介绍了解决在一个HTML页面中引入多个不同版本jQuery导致的符号冲突问题的方法。通过使用不同符号来区分各个版本的jQuery,确保每个JS控件可以独立运行其所需的jQuery版本。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

解决一个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>

 

 

转载于:https://my.oschina.net/111222233/blog/1559755

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值