使用多个jquery-ui版本

Question

我们必须使用jQuery UI的网站，其中一个网站包含另一个网站的一些内容。这些片段建立在Jquery UI Accordion之上，但是我无法加载两个版本的UI。一个是1.8.11的自定义版本，另一个是完整版本（完整版本不会加载）

有什么建议么？

Answer 1

一个小时后想通了。由于某种原因，没有人在互联网上对此进行解释。

首先，您希望不冲突的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之前，请运行此脚本，除非它们也没有冲突。