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版本共存的原因与挑战】 在Web开发中,经常会出现需要在同一个页面上使用不同版本的jQuery的情况。...在实际项目中,应尽量减少对多个jQuery版本的依赖,但如果无法避免,上述方法提供了一个可靠的解决方案。
在本篇文章中,我们将深入探讨jQuery 3.5.1的核心特性、优势以及如何在项目中有效地使用这两个JavaScript文件:`jquery-3.5.1.js`和`jquery-3.5.1.min.js`。 一、jQuery简介 jQuery是由John Resig于2006年创建的,...
在提供的压缩包中,有两个文件: - **jquery-1.6.1.js**:这是未压缩的jQuery库,包含完整的源代码,方便开发者阅读和调试。它体积较大,不适用于生产环境。 - **jquery-1.6.1.min.js**:这是经过压缩和优化的版本,...
tab组件通常包含两个主要部分:tab导航和tab内容区。在用户的交互下,不同的tab内容可以在同一区域显示或隐藏,而不会造成页面的刷新,提高了用户体验。 ### 二、HTML结构设计 在给定的代码片段中,可以看到一个...
在给定的“jquery-3.2.1”压缩包中,包含了两个核心文件:“jquery-3.2.1.js”和“jquery-3.2.1.min.js”,它们是jQuery 3.2.1版本的主要组成部分,为开发者提供了便利的DOM操作、事件处理、动画效果以及Ajax交互等...
### 解决jQuery与DWR冲突的方法 在Web开发过程中,经常需要使用...通过上述步骤,可以有效地解决jQuery与DWR之间的冲突问题,确保两个库能够和谐共存并正常工作。这对于维护项目的稳定性和提高用户体验是非常重要的。
最后,书中介绍了jQuery的最新发展,如jQuery UI和jQuery Mobile,这两个项目分别专注于桌面和移动设备的用户界面开发。 通过阅读《jQuery in Action 2nd Edition》,开发者不仅可以掌握jQuery的基础知识,还能了解...
jQuery 对象与 DOM 对象是两个不同的概念。DOM(文档对象模型)对象是浏览器对HTML或XML文档的抽象表示,而jQuery对象是jQuery库为了方便操作DOM而创建的对象。jQuery对象可以包含一个或多个DOM元素,并提供了丰富的...
在本篇文章中,我们将深入探讨如何有效解决ecshop与jQuery之间的冲突问题,并提供一系列实用的解决方案,帮助开发者更好地处理这两种技术共存时可能遇到的问题。 ### 一、Ecshop简介 Ecshop是一款开源的电子商务...
为了确保与其他JavaScript库共存时的兼容性,注释中提到了如何保存和恢复`jQuery`和`$`这两个关键字的功能。这通过`jQuery.noConflict()`方法来实现,使得其他库也可以使用这些关键字而不受干扰。 #### 三、源码...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列轻量级、易于使用的组件,帮助开发者快速构建用户界面。1.2 版本是该框架的一个稳定版本,包含了丰富的组件和功能,适用于各种Web应用程序开发。本文将...
通过这种方式,我们可以同时在同一个页面上使用多个jQuery版本,而不会影响各自的功能。这种方法不仅适用于jQuery的多版本共存,也对其他可能引起全局变量冲突的库或框架具有借鉴意义。通过这样的实践,可以提高Web...
然而,当一个页面中引入了多个不同版本的jQuery或者与其他使用$符号作为命名空间的库共存时,就可能出现版本冲突的问题。本文将深入探讨如何利用jQuery的`noConflict`方法来解决这种冲突,帮助开发者保持代码的正常...
1. **与其他库共存**:学习如何在项目中同时使用jQuery和其他JavaScript库,如AngularJS或React。 2. **NoConflict模式**:理解`.noConflict()`方法的作用,解决命名冲突问题。 ### 第15天:实战项目与复习 1. **...
压缩包中的文件包括了jQuery的1.4.2、1.6.4两个主要版本,以及它们的min版(压缩版)。min版是为了在生产环境中减小文件大小,提高页面加载速度,通过删除注释、缩写变量名等手段实现的。 1. **jQuery 1.4.2**:这...
它与 IE、FireFox、Chrome 等浏览器保持兼容,在一个页面内可同时生成多个Tree 实例,支持一次性静态生成和Ajax 异步加载两种方式,能够响应和反馈多种事件。它提供了个性化的定制服务,支持灵活的参数配置,用户...
1. **选项卡的基本结构**:一个选项卡组件通常由两部分组成:一组标签(tab)和对应的面板(content)。每个标签对应一个内容区域,点击标签会显示相应的面板内容。 2. **CSS布局**:在HTML结构基础上,CSS用于定义...
通过结合这两个资源,学习者不仅可以理解jQuery的基本概念,还能进一步掌握实际项目中的应用技巧。无论是前端开发者还是对网页动态效果感兴趣的爱好者,这些资料都将为提升jQuery技能提供宝贵的帮助。
jQuery提供了一个`noConflict()`方法,允许在同一个页面上与其他JavaScript库共存,避免命名冲突。 ### 10. 学习资源与实践 教程中的“demo”部分提供了实践案例,读者可以下载并运行这些示例,加深对jQuery的理解...
`toggleClass`是jQuery中非常灵活且强大的方法,用于添加或移除一个或多个类名。相较于传统方法,它更加简洁高效: ```javascript a.toggleClass('blueButton'); ``` 以上代码会根据`blueButton`类是否存在于元素`...