我想为 jQuery 和 jQuery UI 使用 Google CDN ..
我将这里的答案用于 jQuery。 使用 Google 托管 jQuery 的最佳方式,但退回到我在 Google 上的托管库失败
但我不明白这一点:
if (typeof jQuery == 'undefined')
那么我该如何为 jQuery UI 做呢?另外,这是否适用于自定义 jQuery UI 主题,因为这也会生成自定义 js 文件?
我想为 jQuery 和 jQuery UI 使用 Google CDN ..
我将这里的答案用于 jQuery。 使用 Google 托管 jQuery 的最佳方式,但退回到我在 Google 上的托管库失败
但我不明白这一点:
if (typeof jQuery == 'undefined')
那么我该如何为 jQuery UI 做呢?另外,这是否适用于自定义 jQuery UI 主题,因为这也会生成自定义 js 文件?
您可以使用拨打电话
<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>
如果你有一个自定义的 jQuery UI 主题,你必须在你自己的服务器上托管它。Google 仅托管主要的 jQuery UI 主题。
如果你想检查 jQuery UI 库是否已经加载,你可以这样做:
if (jQuery.ui) {
}
这是列表,只需更改为您需要的版本即可。
https://developers.google.com/speed/libraries/devguide#jquery-ui