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

Question

我需要加载 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?

Answer 1

是的。就这么简单。

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

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

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

Answer 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

Answer 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 网站所说