`

同一个项目中两个jqery版本共存的问题

阅读更多

jQuery加载的时候会生成两个变量来引用jQuery对象,一个就是关键字jQuery,另一个就是$

 

而当两个版本的jQuery存在的时候,第二个jQuery就会把第一个版本里面的两个变量完全覆盖,

所以如果真遇到这种情况,那必须想个办法.

 

下面是我的解决方案:

<script type="text/javascript">
			var j$ =$.noConflict();
		</script>
		<script src="${resource(dir:'resource/fileupload',file:'jquery.js')}"></script>
		<script src="${resource(dir:'resource/fileupload',file:'ajaxfileupload.js')}"></script>
		<script src="${resource(dir:'js/production',file:'pro_form_upload.js')}"></script>
		
		<script type="text/javascript">
			var ju = $.noConflict();//把上面导入的jQuery的$变量取消
			
			var $ =j$.noConflict();//还原原来的jQuery的版本
		</script>
		

 

 

原理就是,先把原来的$变量保存起来,然后开始加载第二个jQuery,

然后开始执行必要的逻辑,

等执行完整之后,在把原来的$变量恢复回来,

 

当然,这里面包括JQuery变量也能恢复,我这里没有用到,就没做

在最下面直接加一句,

JQuery=$;

就可以了 .

 

分享到:
评论

相关推荐

    多个jQuery版本共存的处理方案

    【jQuery版本共存的原因与挑战】 在Web开发中,经常会出现需要在同一个页面上使用不同版本的jQuery的情况。...在实际项目中,应尽量减少对多个jQuery版本的依赖,但如果无法避免,上述方法提供了一个可靠的解决方案。

    jquery 3.5.1

    在本篇文章中,我们将深入探讨jQuery 3.5.1的核心特性、优势以及如何在项目中有效地使用这两个JavaScript文件:`jquery-3.5.1.js`和`jquery-3.5.1.min.js`。 一、jQuery简介 jQuery是由John Resig于2006年创建的,...

    jquery1.6.1 jquery

    在提供的压缩包中,有两个文件: - **jquery-1.6.1.js**:这是未压缩的jQuery库,包含完整的源代码,方便开发者阅读和调试。它体积较大,不适用于生产环境。 - **jquery-1.6.1.min.js**:这是经过压缩和优化的版本,...

    通过jquery控制tab,支持多个tab共存

    tab组件通常包含两个主要部分:tab导航和tab内容区。在用户的交互下,不同的tab内容可以在同一区域显示或隐藏,而不会造成页面的刷新,提高了用户体验。 ### 二、HTML结构设计 在给定的代码片段中,可以看到一个...

    jquery-3.2.1包

    在给定的“jquery-3.2.1”压缩包中,包含了两个核心文件:“jquery-3.2.1.js”和“jquery-3.2.1.min.js”,它们是jQuery 3.2.1版本的主要组成部分,为开发者提供了便利的DOM操作、事件处理、动画效果以及Ajax交互等...

    解决jquery与dwr冲突(java/jsp)

    ### 解决jQuery与DWR冲突的方法 在Web开发过程中,经常需要使用...通过上述步骤,可以有效地解决jQuery与DWR之间的冲突问题,确保两个库能够和谐共存并正常工作。这对于维护项目的稳定性和提高用户体验是非常重要的。

    jQuery in Action 2nd Edition

    最后,书中介绍了jQuery的最新发展,如jQuery UI和jQuery Mobile,这两个项目分别专注于桌面和移动设备的用户界面开发。 通过阅读《jQuery in Action 2nd Edition》,开发者不仅可以掌握jQuery的基础知识,还能了解...

    jQuery高级程序设计目录1

    jQuery 对象与 DOM 对象是两个不同的概念。DOM(文档对象模型)对象是浏览器对HTML或XML文档的抽象表示,而jQuery对象是jQuery库为了方便操作DOM而创建的对象。jQuery对象可以包含一个或多个DOM元素,并提供了丰富的...

    ecshop和jquery冲突的解决方法

    在本篇文章中,我们将深入探讨如何有效解决ecshop与jQuery之间的冲突问题,并提供一系列实用的解决方案,帮助开发者更好地处理这两种技术共存时可能遇到的问题。 ### 一、Ecshop简介 Ecshop是一款开源的电子商务...

    jquery源码详细中文注释(非扫描版)

    为了确保与其他JavaScript库共存时的兼容性,注释中提到了如何保存和恢复`jQuery`和`$`这两个关键字的功能。这通过`jQuery.noConflict()`方法来实现,使得其他库也可以使用这些关键字而不受干扰。 #### 三、源码...

    Jquery easyui1.2 官方离线文档

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列轻量级、易于使用的组件,帮助开发者快速构建用户界面。1.2 版本是该框架的一个稳定版本,包含了丰富的组件和功能,适用于各种Web应用程序开发。本文将...

    解决jquery版本冲突的有效方法

    通过这种方式,我们可以同时在同一个页面上使用多个jQuery版本,而不会影响各自的功能。这种方法不仅适用于jQuery的多版本共存,也对其他可能引起全局变量冲突的库或框架具有借鉴意义。通过这样的实践,可以提高Web...

    jQuery插件版本冲突的处理方法分析

    然而,当一个页面中引入了多个不同版本的jQuery或者与其他使用$符号作为命名空间的库共存时,就可能出现版本冲突的问题。本文将深入探讨如何利用jQuery的`noConflict`方法来解决这种冲突,帮助开发者保持代码的正常...

    Jquery,15天学会,Ajax框架,入门Jquery

    1. **与其他库共存**:学习如何在项目中同时使用jQuery和其他JavaScript库,如AngularJS或React。 2. **NoConflict模式**:理解`.noConflict()`方法的作用,解决命名冲突问题。 ### 第15天:实战项目与复习 1. **...

    jquery source

    压缩包中的文件包括了jQuery的1.4.2、1.6.4两个主要版本,以及它们的min版(压缩版)。min版是为了在生产环境中减小文件大小,提高页面加载速度,通过删除注释、缩写变量名等手段实现的。 1. **jQuery 1.4.2**:这...

    JQuery zTree v3.0 下载

    它与 IE、FireFox、Chrome 等浏览器保持兼容,在一个页面内可同时生成多个Tree 实例,支持一次性静态生成和Ajax 异步加载两种方式,能够响应和反馈多种事件。它提供了个性化的定制服务,支持灵活的参数配置,用户...

    基于jquery的tab选项卡完美改进版

    1. **选项卡的基本结构**:一个选项卡组件通常由两部分组成:一组标签(tab)和对应的面板(content)。每个标签对应一个内容区域,点击标签会显示相应的面板内容。 2. **CSS布局**:在HTML结构基础上,CSS用于定义...

    jquery 基础学习资料

    通过结合这两个资源,学习者不仅可以理解jQuery的基本概念,还能进一步掌握实际项目中的应用技巧。无论是前端开发者还是对网页动态效果感兴趣的爱好者,这些资料都将为提升jQuery技能提供宝贵的帮助。

    jQuery基础教程 中文版

    jQuery提供了一个`noConflict()`方法,允许在同一个页面上与其他JavaScript库共存,避免命名冲突。 ### 10. 学习资源与实践 教程中的“demo”部分提供了实践案例,读者可以下载并运行这些示例,加深对jQuery的理解...

    50个必备的实用jQuery代码段

    `toggleClass`是jQuery中非常灵活且强大的方法,用于添加或移除一个或多个类名。相较于传统方法,它更加简洁高效: ```javascript a.toggleClass('blueButton'); ``` 以上代码会根据`blueButton`类是否存在于元素`...

Global site tag (gtag.js) - Google Analytics