使用多个jquery版本的插件

时间:2015-04-08 03:15:55

标签: jquery

我正在尝试设置一种使用多个版本的jquery的方法。我目前正在尝试使用bootstrap使一个旧站点响应,并需要最新版本的jquery但该站点上有几个使用较旧版本的jquery的滑块,他们的新版本打破了它们。我做了一些研究,并相信我很接近,但不确定我做得对不对。你如何设置它,以便我可以告诉jquery只使用旧版本的插件,silder插件的代码是巨大的,我不想通过代码更改“$”784次。

这是我目前的设置。我正在使用CMS,它们嵌套在不同的控件中。

在页面上生成javascript的控件:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/lib/jquery/1.8.1/jquery.min.js"></script>
<script>var jq181 = jQuery.noConflict(true);</script>
<script type="text/javascript" src="JavaScript/jqueryui.js"></script>
<script type="text/javascript" src="JavaScript/jquery-custom.js"></script>
<script type="text/javascript" src="JavaScript/simple-expand.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

这是我把它放在这里的jquery文件,因为它有点大:http://pastebin.com/ej8AKPHy

我认为我可以使用此代码来实现我想要做的事情我只是不确定如何设置它或者需要在其中使用什么代码。

 var jq181 = jQuery.noConflict(true); 
 (function ($) {
  $(document).ready(function () {

  });
 }(jq181));

整个jquery文件是否需要进入这个函数或只是部分?

1 个答案:

答案 0 :(得分:1)

一个可能的选择,而不是使用多个版本的jQuery是尝试migration plugin

您可能面临的问题是,当清理了大量已弃用的内容时,某些插件可能正在使用jQuery 1.9中删除的方法。为了实现向后兼容性,jQuery引入了迁移插件,该插件将恢复那些已删除的功能。试试吧

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.js"></script>
<script type="text/javascript" src="JavaScript/jqueryui.js"></script>
<script type="text/javascript" src="JavaScript/jquery-custom.js"></script>
<script type="text/javascript" src="JavaScript/simple-expand.js"></script>