456

Googleを使用してUIとCoreの両方のjQueryライブラリをダウンロードすることを計画しています。私の質問は、CSSをダウンロードできるのか、それとも自分でホストする必要があるのか​​ということです。

また、Googleを使用してロードする場合、他のプラグインをどのようにロードする必要がありますか?すべてのプラグインを一緒に圧縮できますか、それとも独自の個別のファイルにする必要がありますか?

4

6 に答える 6

577

jQuery UI(現在はv1.10.3)を含むGoogle AJAX Libraries APIには、jQueryUIブログにある人気のあるテーマも含まれています。

Google Ajax Libraries API(CDN)

于 2009-05-04T14:51:40.583 に答える
65

jQueryにCDNアクセスが追加されました。

code.jquery.com/ui/ [バージョン] /themes/ [テーマ名] /jquery-ui.css


そして、これをもう少し簡単にするために、ここに行きます:

于 2012-11-09T18:44:13.233 に答える
29

GoogleはこのリンクでjQueryUIcssをホストしています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

于 2012-03-11T00:38:13.583 に答える
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. 他の人と比較してGoogleCDNの場合、ヒット率の可能性は高いですが、それでも非常に低いです(googleだけでなくすべてのcdn)。
  2. cdnを介してロードすると、jQuery.js用、jQueryUI.js用、コード用の3つのリクエストがあります。ローカルで圧縮して、単一のリソースとしてロードすることもできます。

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

于 2014-08-27T10:28:54.790 に答える
5

そう思います。なぜだめですか?スクリプトファイルをサポートするためのCSSを提供しないCDNの多くではないでしょう

このリンクは、それらが次のとおりであることを示唆しています。

jQuery UI CSSテーマがGoogleのAjaxライブラリCDNでホストされるようになったことは、特にエキサイティングです。

于 2009-05-04T14:49:16.127 に答える
5

jQuery UI cssを意味する場合は、これを使用できます。

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
于 2013-05-25T17:24:04.790 に答える