如何使用多个 jquery 版本以便 ResponsiveSlides.js 工作？

Posted 2023-05-09

【中文标题】如何使用多个 jquery 版本以便 ResponsiveSlides.js 工作？

【英文标题】：How to use multiple jquery version so that ResponsiveSlides.js works?

【发布时间】：2016-08-22 07:38:46

【问题描述】：

我的网站使用 jquery 版本 1.11.o，我想使用来自 GitHub 的 ResponsiveSlides.js 在我的主页上显示幻灯片，但 ResponsiveSlides.js 使用 jquery 版本 1.8.3，它与 v1.11.0 冲突，所以我的网站休息。

我已经尝试了我在另一个问题中找到的以下解决方案，以便我可以使用两个 jquery 版本，但它不起作用。我怎样才能做到这一点并使用两个 jquery 版本而不会发生冲突？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script>var $j = jQuery.noConflict(true);</script>
<script>
  $(document).ready(function()
   console.log($().jquery); // This prints v1.11.0
   console.log($j().jquery); // This prints v1.8.3
  );

【问题讨论】：

试试 iframe --- w3schools.com/html/html_iframe.asp

中的 iframe？我认为这是不可能的。

在推测 iframe 进入脑海之前，请务必阅读所有有关 iframe 是什么的信息

我知道 iframe 是什么，但 jquery 需要放在 head 标签中，并且 iframe 无法在那里工作，因此，您的解决方案没有帮助，但谢谢

为您的 ResponsiveSlides 创建一个单独的 html 页面，并在头部添加 jquery 版本。然后使用 iframe 在主页中显示 ResponsiveSlides 页面。应该看起来不错

【参考方案1】：

不推荐使用 jQuery 的 2 个版本，这会导致很多问题。您应该使用jQuery migrate plugin。该插件恢复了已弃用的功能和行为，以便旧代码仍能在 jQuery 1.9 及更高版本上正常运行。最新版本会这样使用：

<script src="jquery-1.12.3.min.js" type="text/javascript"></script>
<script src="jquery-migrate-1.3.0.min.js" type="text/javascript"></script>