如何使用 Google 托管的 jQuery UI 源？

Posted 2023-05-08

【中文标题】如何使用 Google 托管的 jQuery UI 源？

【英文标题】：How to use Google-hosted jQuery UI source?

【发布时间】：2010-11-12 05:24:56

【问题描述】：

我需要加载 jQuery UI 文件，并希望通过 Google 来完成。 目前我上传：

<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.draggable.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.droppable.js"></script>

我需要 Google 提供哪些相应文件？

我可以使用http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js吗？

另外，改用这个有什么缺点吗： http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js?

【问题讨论】：

“最新”链接已被删除，但这提供了最新的（至少在我们发布版本 2 之前）：ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js

【参考方案1】：

是的。就这么简单。

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script>

您可以使用 Google 的加载器来加载它，但实际上并不需要。

使用 min 唯一真正的缺点是代码是压缩的，所以如果你想用调试器单步执行它，至少可以说是相当困难的。优点远远超过这个。在生产中，我会说一定要使用最小的。

【讨论】：

请参阅code.google.com/apis/libraries/devguide.html#jqueryUI 了解有关 google 托管的 jQuery-ui 的一般信息。

我会第二个@Marcel，因为版本控制总是会改变

【参考方案2】：

上一个答案为您提供了指向特定版本 jqueryui 的链接，但您的问题暗示您希望基于 Google 的链接指向最新版本。这些是正确的源代码：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>

我看到在撰写本文时我们的版本已达到 1.9x。我不知道如果/当我们到达 jquery v2 时，Google 链接中的“1”是否会变为“2”。无论如何，以上链接将为您提供版本 1 中的最新文件。

Google 的托管库页面上似乎没有记录此方法，因此请谨慎使用。此外，您提到的各种额外库（例如可拖动/可放置）似乎并未托管在 Google 上。

见：https://developers.google.com/speed/libraries/devguide?hl=fr#jquery

【讨论】：

请注意 //code.jquery.com/jquery-latest.min.js 将为您提供比 //ajax.googleapis.com/ajax/libs/jquery/1/jquery 更新的版本。 min.js（在撰写本文时，v1.10.0 与 v1.9.1）。

是的，但是较新版本的 jQuery 可能会破坏您的应用程序。因此，自动更新会带来您的应用程序随时可能中断的风险。我认为最好定期手动将版本更新到最新版本并进行测试，然后进行更新。

【参考方案3】：

您必须粘贴 2 个元素：

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

正如developers.google.com 网站所说