Question

我打算使用Google为UI和Core下载jQuery lib。我的问题是，他们允许我为它下载CSS还是我必须自己托管它？

此外，如果我使用Google加载我应该如何加载其他插件？我可以将所有插件压缩在一起，还是应该是它自己的独立文件？

Answer 1

Google AJAX Libraries API包含jQuery UI（目前为v1.10.3），其中还包含jQuery UI blog的热门主题：

Google Ajax Libraries API（CDN）

未压缩： http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js
压缩： http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js
主题未压缩： black-tie，blitzer，cupertino，dark-hive，dot-luv，eggplant，excite-bike，flick，{{ 3}}，hot-sneaks，humanity，le-frog，mint-choc，overcast，pepper-grinder，redmond，{{3} }，smoothness，south-street，start，sunny，swanky-purse，trontastic和ui-darkness。
< / LI>
主题压缩： ui-lightness，vader，black-tie，blitzer，cupertino，dark-hive，dot-luv，eggplant，{{ 3}}，excite-bike，flick，hot-sneaks，humanity，le-frog，mint-choc，overcast，{{3} }，pepper-grinder，redmond，smoothness，south-street，start，sunny和swanky-purse。
< / LI>

Answer 2

jQuery现在有一个CDN访问权限：

code.jquery.com/ui/ [版本] / themes / [主题名称] /jquery-ui.css

为了让这更容易一点，你走了：

base：http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
black-tie：http://code.jquery.com/ui/1.9.1/themes/black-tie/jquery-ui.css
blitzer：http://code.jquery.com/ui/1.9.1/themes/blitzer/jquery-ui.css
cupertino：http://code.jquery.com/ui/1.9.1/themes/cupertino/jquery-ui.css
dark-hive：http://code.jquery.com/ui/1.9.1/themes/dark-hive/jquery-ui.css
dot-luv：http://code.jquery.com/ui/1.9.1/themes/dot-luv/jquery-ui.css
茄子：http://code.jquery.com/ui/1.9.1/themes/eggplant/jquery-ui.css
激动自行车：http://code.jquery.com/ui/1.9.1/themes/excite-bike/jquery-ui.css
轻弹：http://code.jquery.com/ui/1.9.1/themes/flick/jquery-ui.css
hot-sneaks：http://code.jquery.com/ui/1.9.1/themes/hot-sneaks/jquery-ui.css
人性：http://code.jquery.com/ui/1.9.1/themes/humanity/jquery-ui.css
le-frog：http://code.jquery.com/ui/1.9.1/themes/le-frog/jquery-ui.css
mint-choc：http://code.jquery.com/ui/1.9.1/themes/mint-choc/jquery-ui.css
阴云：http://code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
pepper-grinder：http://code.jquery.com/ui/1.9.1/themes/pepper-grinder/jquery-ui.css
redmond：http://code.jquery.com/ui/1.9.1/themes/redmond/jquery-ui.css
顺畅度：http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
南街：http://code.jquery.com/ui/1.9.1/themes/south-street/jquery-ui.css
开始：http://code.jquery.com/ui/1.9.1/themes/start/jquery-ui.css
sunny：http://code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
swanky-purse：http://code.jquery.com/ui/1.9.1/themes/swanky-purse/jquery-ui.css
trontastic：http://code.jquery.com/ui/1.9.1/themes/trontastic/jquery-ui.css
ui-darkness：http://code.jquery.com/ui/1.9.1/themes/ui-darkness/jquery-ui.css
ui-lightness：http://code.jquery.com/ui/1.9.1/themes/ui-lightness/jquery-ui.css
vader：http://code.jquery.com/ui/1.9.1/themes/vader/jquery-ui.css

Answer 3

Google正在此链接https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

上托管jQueryUI css

如果直接查看此代码，则使用@import which can be slow导入css。您可能希望将导入纳入其各个部分以获得轻微的性能优势：

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.base.css https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.theme.css

Answer 4

我会这么认为。为什么不？ CDN不会提供支持脚本文件的CSS

This link表明它们是：

我们觉得特别令人兴奋现在是jQuery UI CSS主题托管在谷歌的Ajax Libraries CDN上。

Answer 5

如果你的意思是jQuery UI css：

，你可以使用这个

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

Answer 6

奥巴马说“我们可以”。这是它的链接。 developers.google.com/#jquery

您需要使用

<强>谷歌

ajax.googleapis.com/ajax/libs/jqueryui/[VERSION NO]/jquery-ui.min.js
ajax.googleapis.com/ajax/libs/jqueryui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

jQuery CDN

code.jquery.com/ui/[VERSION NO]/jquery-ui.min.js
code.jquery.com/ui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

<强>微软

ajax.aspnetcdn.com/ajax/jquery.ui/[VERSION NO]/jquery-ui.min.js
ajax.aspnetcdn.com/ajax/jquery.ui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

在图库子标签

中查找主题名称http://jqueryui.com/themeroller/

但是我会不推荐你主持cdn，原因如下

虽然谷歌CDN与其他人相比，你的命中率很高，但它仍然非常低。（任何cdn不仅仅是google）。
通过cdn加载，您将有3个请求，一个用于jQuery.js，一个用于jQueryUI.js，另一个用于您的代码。您可能会在本地压缩它并将其作为单个资源加载。

http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns

从Google的CDN下载jQuery UI CSS

6 个答案: