从Google的CDN下载jQuery UI CSS

Question

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

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

Answer 1

Google AJAX Libraries API包含jQuery UI(目前为v1.10.3),还包含了jQuery UI博客的热门主题:

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

• 无压缩主题: 黑色领带,blitzer,cupertino,黑暗蜂巢,dot-luv,茄子,激动自行车,轻弹,热偷偷摸摸,人性化,le-frog,薄荷巧克力,阴,胡椒研磨,redmond,光滑,南街,开始,阳光,时髦的钱包,trontastic,ui-darkness,ui-lightness和vader.

• 主题压缩: 黑色领带,blitzer,cupertino,黑暗蜂巢,dot-luv,茄子,激动自行车,电影,热偷偷摸摸,人性化,le-frog,薄荷巧克力,阴,胡椒研磨,redmond,光滑,南街,开始,阳光,时髦的钱包,trontastic,ui-darkness,ui-lightness和vader.

Answer 2

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

code.jquery.com/ui/ [version]/themes/[theme name] /jquery-ui.css

为了使这更容易一点,你走了:

• base:http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
• 黑色领带: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
• 胡椒研磨机: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
• 晴天: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正在此链接中托管jQueryUI css https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

如果直接查看这段代码,它会使用@import导入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来支持脚本文件

此链接表明它们是:

我们发现jQuery UI CSS主题现在托管在Google的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托管

1. 尽管与其他CDN相比，使用Google CDN的命中率很高，但仍然非常低。
2. 通过CDN加载，您将有3个请求，一个针对jQuery.js，一个针对jQueryUI.js，一个针对您的代码。您可能会在本地压缩它，并将其作为一个资源加载。

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