问答中心分类: CSS从 Google 的 CDN 下载 jQuery UI CSS
0
cletus 提问 7小时 前

我计划使用 Google 下载 UI 和 Core 的 jQuery 库。我的问题是,他们允许我为它下载 CSS 还是我必须自己托管它?
另外,如果我使用谷歌加载我应该如何加载其他插件?我可以将所有插件压缩在一起还是应该是它自己的单独文件?

5 Answers
0
Dustin Woodard 回答 7小时 前

jQuery 现在拥有 CDN 访问权限:
code.jquery.com/ui/[版本]/主题/[主题名称]/jquery-ui.css

为了让这更容易一点,给你:

Ivan Akcheurov 回复 7小时 前

它现在支持 https(至少从这篇文章开始)

Baptiste Pernet 回复 7小时 前

您如何使用与此 CDN 关联的图像,缺少本地,我不想下载它们。有没有办法使用存储在 CDN 中的那个?

MestreLion 回复 7小时 前

@BaptistePernet:CDN 还提供了所有相关的图像,并且作为url陈述都是相对于css文件位置,客户端会自动从CDN抓取图片

0
user1159653user1159653 回答 7小时 前

Google 在此链接上托管 jQueryUI csshttps://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

0
aWebDeveloper 回答 7小时 前

正如奥巴马所说的“是的,我们可以”。这是它的链接。developer.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. 尽管与其他人相比,在使用 Google CDN 的情况下,您的命中率很高,但仍然非常低。(任何 CDN 不仅仅是谷歌)。
  2. 通过 cdn 加载,您将有 3 个请求,一个用于 jQuery.js,一个用于 jQueryUI.js,一个用于您的代码。您可以将其压缩到本地并将其作为一个资源加载。

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

Trader 回复 7小时 前

你链接的文章是2010年的。他提到的大部分数据都是过时的。现在的点击率要好得多,现在使用 Google CDN 的网站比 2010 年要多得多。

Trader 回复 7小时 前

以下是更新的统计数据:blog.cloudharmony.com/2015/02/…现在大多数网站似乎都使用 CDN。更多数据:w3techs.com/technologies/details/cd-jquerycdn/all/all

0
Scott Evernden 回答 7小时 前

我会这么认为。为什么不?没有提供 CSS 来支持脚本文件的 CDN 不会太多
这个链接表明它们是:

我们发现 jQuery UI CSS 主题现在托管在 Google 的 Ajax Libraries CDN 上特别令人兴奋。

coool 回复 7小时 前

我尝试使用 google load 语句添加加载它…不会加载 css ….检查它。

Scott Evernden 回复 7小时 前

这是一个似乎有效的示例网址:ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/smoothness/…

0
notquiteamonad 回答 7小时 前

如果你的意思是 jQuery UI css,你可以使用这个:

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