Question

我想将Google CDN用于jQuery和jQuery UI ..

我正在使用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文件吗？

Answer 1

您可以使用

拨打电话

<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>

Answer 2

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

如果要检查jQuery UI库是否已加载，可以执行以下操作：

if (jQuery.ui) {
}

Answer 3

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

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

jquery ui - 如何使用谷歌CDN

3 个答案: