jquery ui - 如何使用谷歌CDN

Question

我想将谷歌CDN用于jQuery和jQuery UI ..

我在这里使用jQuery的答案. 使用谷歌托管的jQuery的最佳方式,但回到我在谷歌上的托管库失败

但我不明白这一点:

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只托管主要的jQuery UI主题.

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

if (jQuery.ui) {
}