使用多个 jquery-ui 版本

我们有两个使用 jQuery UI 的网站，其中一个网站包含另一个网站的一些内容。这些部分是基于 Jquery UI Accordion 构建的，但我无法加载两个版本的 UI。一个是 1.8.11 的自定义版本，另一个是完整版本（完整版本不会加载）

有什么建议么？

一个小时后弄清楚了这一点。由于某种原因，没有人在互联网上解释这一点。

首先你调用你想要不冲突的 jQuery 版本：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
  var $jnine = jQuery.noConflict();
</script>

在本例中，我根据版本号将新的 jQuery 称为 $jnine。

现在您需要编辑jquery-ui-1.10.0.custom.min.js。这其实很简单。使用您最喜欢的支持搜索和替换的文本编辑器打开它。我认为 Notepad++ 是最好的。

现在您要搜索(jQuery)，区分大小写，并将其替换为($jnine)然后将文件保存在任意位置并在您的网站上运行它noConflict()函数已运行。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
  var $jnine = jQuery.noConflict();
</script>

<script src="js/jquery-ui-1.10.0.custom_jnine.min.js"></script>

现在您可以使用以下命令调用所有 jQuery 和 jQuery ui 函数$jnine

请记住：在加载任何其他 jQueries 之前运行此脚本非常重要，除非它们也是 noConflict。