jquery ui - 如何使用谷歌 CDN [重复]

Posted 2023-03-03

【中文标题】jquery ui - 如何使用谷歌 CDN [重复]

【英文标题】：jquery ui - how to use google CDN [duplicate]

【发布时间】：2011-07-09 13:33:24

【问题描述】：

我想为 jQuery 和 jQuery UI 使用 Google CDN..

我将这里的答案用于 jQuery。 Best way to use Google's hosted jQuery, but fall back to my hosted library on Google fail

但我不明白这一点：

if (typeof jQuery == 'undefined')

那么我该如何为 jQuery UI 做呢？ 另外，这是否适用于自定义 jQuery UI 主题，因为这也会生成自定义 js 文件？

【参考方案1】：

这是列表，只需更改为您需要的版本即可。

https://developers.google.com/speed/libraries/devguide#jquery-ui

【参考方案2】：

您可以拨打电话

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>

您还可以通过更改主题名称链接到其他 Ui 主题。在这种情况下，将名称基础更改为任何其他主题名称/base/jquery-ui.css 到任何其他主题。

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" />

查看 jQuery UI 博客以获取所有 CDN 链接的链接 http://blog.jqueryui.com/

如果您担心 Google CDN 失败或出现故障，您可以在 CDN 离线时回退到本地副本（此示例已嵌入 html5 Boilerplate 等模板）：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
    window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"></script>')
</script>

【讨论】：

您也可以从 Microsoft 的 CDN 获取您的 jQuery。请参阅上面的 jQuery 博客链接以访问这些链接。另请阅读 3 为什么您应该从 Google 而不是本地主机 encosia.com/2008/12/10/… 获取 jQuery 的原因@

【参考方案3】：

如果您有自定义 jQuery UI 主题，则必须将其托管在您自己的服务器上。 Google 仅托管 main jQuery UI themes。

如果你想检查 jQuery UI 库是否已经加载，你可以这样做：

if (jQuery.ui)