在同一网页上使用2个jquery库

时间:2013-05-08 07:44:22

标签: jquery

我目前正在使用两个插件开发一个网页:Fancybox和SlidePanel。两个插件都出现在同一页面上。 Fancybox需要1.9.0库版本,而slidepanel需要1.4.2库版本。当我一次使用两个库时,只有其中一个可以工作(只有fancybox工作,或者只有幻灯片工作)。如何在同一页面上同时使用这两个库?

如果点击了fancybox,我尝试将1.4.2更改为1.9.0版本:

$('a.fancybox').click(function(e){
    $('script#jquery_loader').attr('src', '//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js');
    $('a.fancybox').fancybox();

});

那不起作用。我也点击了google.load("jquery", "1.9.0"),但显然版本1.8及以上版本不支持。

3 个答案:

答案 0 :(得分:2)

使用JQuery Migrate或者如果不起作用,您可以尝试这个(未经测试):

尝试使用美元符号调用最新版本,使用另一个变量调用另一个变量。

首先加载最旧的scrtip并打开脚本标记:

<script>
    oldJquery = jQuery;
</script>

此加载最新版本并声明$ = jQuery;

而不是使用$('selector')现在使用oldJquery('selector')作为第一个librabry

答案 1 :(得分:0)

- 使用“jQuery Migrate插件”和jquery 1.9

http://jquery.com/download/

- 正如他们所说的那样

我们已经创建了jQuery Migrate插件,以简化从旧版jQuery的过渡。该插件恢复已弃用的功能和行为,以便旧代码仍可在jQuery 1.9及更高版本上正常运行

答案 2 :(得分:0)

请记住,您一次只能使用一个版本的jquery - 所以请确保您没有加载2个jquery实例,这通常会破坏内容。 在浏览器中检查您的页面,确保您只加载了一个库...

请尝试仅使用版本1.8.3 - http://code.jquery.com/jquery-1.8.3.min.js