`
bozch
  • 浏览: 460423 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

在同一个页面使用多个不同的jQuery版本,让它们并存而不冲突

阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>在同一个页面中加载多个不同的jQuery版本</title>
<!-- 从谷歌服务器加载jQuery最新版本 -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script type="text/javascript">
var jQuery_New = $.noConflict(true);
</script>
<!-- 加载jQuery1.6.2版本 -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
var jQuery_1_6_2 = $.noConflict(true);
</script>
<!-- 加载jQuery1.5.2版本 -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
var jQuery_1_5_2 = $.noConflict(true);
</script>
<!-- 加载jQuery1.4.2版本 -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var jQuery_1_4_2 = $.noConflict(true);
</script>
<!-- 加载jQuery1.3.2版本 -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
var jQuery_1_3_2 = $.noConflict(true);
</script>
<script type="text/javascript">
alert(jQuery_New.fn.jquery);
alert(jQuery_1_6_2.fn.jquery);
alert(jQuery_1_5_2.fn.jquery);
alert(jQuery_1_4_2.fn.jquery);
alert(jQuery_1_3_2.fn.jquery);

jQuery_New(function($){$('<p>我是最新的'+$.fn.jquery+'版本添加进来的。</p>').appendTo('body');});
jQuery_1_6_2(function($){$('<p>我是'+$.fn.jquery+'版本添加进来的。</p>').appendTo('body');});
jQuery_1_5_2(function($){$('<p>我是'+$.fn.jquery+'版本添加进来的。</p>').appendTo('body');});
jQuery_1_4_2(function($){$('<p>我是'+$.fn.jquery+'版本添加进来的。</p>').appendTo('body');});
jQuery_1_3_2(function($){$('<p>我是'+$.fn.jquery+'版本添加进来的。</p>').appendTo('body');});
</script>
</head>
<body>
在同一个页面中加载多个不同的jQuery版本
<br>
</body>
</html>

 

 

jQuery自诞生以来,版本越来越多,而且jQuery官网的新版本还在不断的更新和发布中,现已经达到了1.6.4版本,但是我们在以前的项目中就已经使用了旧版本的jQuery,比如已经出现的:1.3.X、1.4.X、1.5.X、1.6.2等等。

  由于项目的需要,必然也需要不断的使用较新版的jQuery,但对于原来就已经存在并已经采用了的旧jQuery版本,我们如何让多个不同的jQuery版本在同一个页面并存而不冲突呢?

 

  其实,利用jQuery.noConflict()特性,我们不仅可以让jQuery与其他的JS库并存,比如Prototype。也可以与jQuery本身的其他不同版本并存而不冲突。

 

转自:http://www.cnblogs.com/liyunqi007/archive/2011/10/22/2221178.html

分享到:
评论

相关推荐

    osgi解决不同版本jar包冲突的demo

    OSGi(Open Services Gateway Initiative)是一种模块化系统和Java服务框架,它允许在单个JVM上运行多个版本的相同库或服务,从而解决了不同版本jar包冲突的问题。本示例通过一个名为“myself”的工程,展示了如何...

    jquery插件冲突(jquery.noconflict)解决方法分享

    本文主要解决了如何让多个不同的jQuery版本在同一个页面并存而不冲突的方法,需要的朋友可以参考下

    matlab将多个excel读取并存到一个excel的不同sheet中

    在MATLAB中,读取多个Excel文件并将它们的数据合并到一个新的Excel文件的不同工作表中是一项常见的任务。这个过程涉及到MATLAB的文件I/O操作和数据处理能力,特别是使用`xlsread`或`readtable`函数来读取Excel数据,...

    找到了一篇jQuery与Prototype并存的冲突的解决方法

    这样,在同一个页面中使用这两个框架时,就会出现变量名冲突的问题。 那么,如何解决这个冲突问题呢?下面我们将提供三个解决方法: 方法一:将jquery.js放到prototype.js后面 在使用jQuery和Prototype时,我们...

    matlab将多个excel读取并存到一个excel的不同sheet中.zip

    在MATLAB中,将多个Excel文件读取并合并到一个Excel文件的不同工作表(Sheet)中,是一项常见的数据处理任务。这项操作可以帮助我们有效地管理和整合大量分散的数据。下面,我们将详细探讨如何使用MATLAB实现这一...

    OFFICE2010与其他版本冲突问题注册表解决

    - 安装Office的“多实例”版本,使不同版本的Office可以并存而不冲突。 - 考虑升级所有Office应用到同一版本,以避免版本间的不兼容问题。 总的来说,处理Office版本冲突需要谨慎操作,尤其是涉及注册表时。通过...

    matlab将多个excel读取并存到一个excel的不同sheet中1.zip

    在MATLAB中,将多个Excel文件读取并合并到一个Excel文件的不同工作表(Sheet)中,是一项常见的数据处理任务。下面将详细讲解如何实现这一操作,并提供相关的MATLAB代码示例。 首先,我们需要理解MATLAB中的两个...

    让jQuery与其他JavaScript库并存避免冲突的方法

    在现代Web开发中,经常会使用多个JavaScript库来完成不同的任务。但是,当这些库中包含同名的函数或变量时,就可能出现命名冲突的问题。最为典型的是$符号的冲突,因为在很多库中$被用作快捷访问符。例如,jQuery就...

    多个iframe,其中一个的div能够处于最上层显示

    在网页设计中,`iframe` 是一种非常有用的元素,它允许我们在一个页面中嵌入另一个网页。当有多个 `iframe` 并存时,可能会出现重叠或者层级问题,特别是当其中某个 `iframe` 中有一个需要突出显示的 `div` 元素时。...

    漂浮广告,兼容ie、firefox,多个漂浮不冲突,调用只需两行代码

    本资源提供的"漂浮广告,兼容ie、firefox,多个漂浮不冲突,调用只需两行代码"正是针对这种广告形式的实现方案,特别强调了对IE和Firefox两大主流浏览器的兼容性,以及多个漂浮广告在同一页面并存而不发生冲突的能力...

    JQuery自学第一天.docx

    - 入口函数覆盖:原生JS中多个入口函数会被后面的覆盖,而在JQuery中,它们可以并存不冲突。 2. **JQuery冲突问题**: 当其他库或文件也使用了`$`符号时,可能导致冲突。解决方法通常包括使用JQuery的`...

    纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存

    在这个特定的主题中,“纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存”是指通过CSS实现的一种交互效果:当鼠标悬停在一个div上时,另一个关联的div会显示出来,同时其他无关的div保持隐藏状态。这种效果在创建导航...

    一个jQuery拼图游戏代码.zip

    【描述】"一个jQuery拼图游戏代码.zip"的描述简单明了,表明这是一个使用jQuery库构建的拼图游戏的代码实现。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互,使得开发者...

    jQuery中 $ 符号的冲突问题及解决方案

    但在实际项目中,由于历史原因或者特定插件的需求,有时我们需要在一个页面上同时使用不同版本的jQuery,或者与其他使用`$`的库(如Prototype、MooTools等)并存,这就产生了冲突。 解决`$`符号冲突的首要方法是...

    eclipse中安装svn和客户端安装SVN 共同使用不冲突

    在同一个系统中,Eclipse内的SVN插件和TortoiseSVN客户端可以并存,不会因为版本不一致而导致冲突。这是因为它们各自通过不同的方式与SVN服务器交互,Eclipse插件通过Java API,而TortoiseSVN则通过其自身的接口。...

    带动画效果的jQuery手风琴.zip

    在实际应用中,你可能需要根据项目需求对这个手风琴效果进行自定义,例如改变动画速度、添加过渡效果、处理多个手风琴并存的情况等。jQuery提供强大的API,允许开发者轻松地扩展和修改现有功能。 总结,jQuery手...

    jQuery解决$符号命名冲突

    然而,当页面中同时使用多个JavaScript库时,可能会出现命名冲突的问题,特别是当这些库都使用同一个变量名(如$)作为其主要接口时。在本例中,jQuery与prototype.js库发生了冲突,因为两者都使用$作为它们的主要...

Global site tag (gtag.js) - Google Analytics