使用多个jquery-ui版本

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

已邀请:

3 个回复

坝硷操

请阅读JQUERY UI上的文档。如果没有为每个UI指定一个上下文，则不能使用两个版本的UI。例如，这使您可以在一页上使用多个UI。坏消息是，一旦生成了文件，便无法随后添加上下文。我不确定，但是我认为在与UI关联的javascript文件中，有一个链接会将您带到JQUERY UI构建页面，在那里您可以使用上下文重新生成UI。

席酱

一个小时后想通了。由于某种原因，没有人在互联网上对此进行解释。首先，您要使其不冲突的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>

现在您可以使用$jnine调用所有jQuery和jQuery ui函数记住：重要的是，在加载任何其他jQueries之前，请运行此脚本，除非它们也没有冲突。

厢界山攀

另一个选择是将ui加载到自己的上下文中。

<script language=\"javascript\" type=\"text/javascript\">
   var smartDonationsOldJQuery=jQuery;
   var smartDonationsOldCashSign=$;
</script>

<script language=\"javascript\" type=\"text/javascript\" src=\"http://rednao.com/wp-content/plugins/smartdonations/js/jquery-1.9.1.min.js\"></script>
<script language=\"javascript\" type=\"text/javascript\" src=\"http://rednao.com/wp-content/plugins/smartdonations/js/jquery-ui-1.10.2.custom.js\"></script>

<script language=\"javascript\" type=\"text/javascript\">
    var rnSDJQ=jQuery;
    window.jQuery =smartDonationsOldJQuery;
    window.$ = smartDonationsOldCashSign;
</script>

这样做的好处是，您将拥有自己的jquery / jquery-ui副本，与其余代码隔离（如果您正在创建组件（如wordpress组件），这真的很好），不好的是，您必须再次加载jQuery。更多信息在这里（免责声明，我写了）：使用多个版本的jQuery ui

要回复问题请先登录或注册

使用多个jquery-ui版本

3 个回复

发起人

jquery

jquery_ui_dialog

问题状态

使用多个jquery-ui版本

与内容相关的链接

3 个回复

发起人

jquery

jquery_ui_dialog

问题状态