从 Google 的 CDN 下载 jQuery UI CSS

Question

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

另外如果我使用Google加载我应该如何加载其他插件？我可以将所有插件压缩在一起还是应该将其作为单独的文件？

Answer 1

Google AJAX 库 API 包括 jQuery UI（当前为 v1.10.3），还包括流行的主题 jQuery UI 博客:

Google Ajax 库 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

• 未压缩的主题：黑领带, 闪电战, 库比蒂诺, 黑暗蜂巢, 点爱, 茄子, 兴奋自行车, 轻弹, 热门预告, 人性, 勒青蛙, 薄荷巧克力, 灰蒙蒙,胡椒研磨机, 雷德蒙德, 平滑度, 南街, 开始, 阳光明媚, 时髦的钱包, 特罗塔斯蒂克, ui-黑暗, ui 亮度, ， 和 维德.

• 主题压缩：黑领带, 闪电战, 库比蒂诺, 黑暗蜂巢, 点爱, 茄子, 兴奋自行车, 轻弹, 热门预告, 人性, 勒青蛙, 薄荷巧克力, 灰蒙蒙,胡椒研磨机, 雷德蒙德, 平滑度, 南街, 开始, 阳光明媚, 时髦的钱包, 特罗塔斯蒂克, ui-黑暗, ui 亮度, ， 和 维德.

Answer 2

jQuery 现在有 CDN 访问：

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

---

为了让这件事变得更简单，你可以这样做：

• 根据： 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
• 闪电战： http://code.jquery.com/ui/1.9.1/themes/blitzer/jquery-ui.css
• 库比蒂诺： http://code.jquery.com/ui/1.9.1/themes/cupertino/jquery-ui.css
• 黑暗蜂巢： http://code.jquery.com/ui/1.9.1/themes/dark-hive/jquery-ui.css
• 点爱： 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
• 热门预告： 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
• 青蛙： http://code.jquery.com/ui/1.9.1/themes/le-frog/jquery-ui.css
• 薄荷巧克力： 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
• 雷德蒙德： 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
• 时髦的钱包： http://code.jquery.com/ui/1.9.1/themes/swanky-purse/jquery-ui.css
• 特罗塔斯蒂克： http://code.jquery.com/ui/1.9.1/themes/trontastic/jquery-ui.css
• 用户界面黑暗度： http://code.jquery.com/ui/1.9.1/themes/ui-darkness/jquery-ui.css
• 用户界面亮度： http://code.jquery.com/ui/1.9.1/themes/ui-lightness/jquery-ui.css
• 维达： 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 /库/ jQueryUI的/ 1.8 /主题/基/ jquery.ui.base.css https：//ajax.googleapis。 COM / AJAX /库/ jQueryUI的/ 1.8 /主题/碱/ jquery.ui.theme.css

Answer 4

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

此链接表明它们是：

  

我们觉得特别令人兴奋   现在是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，原因如下

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

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