Googleを使用してUIとCoreの両方のjQueryライブラリをダウンロードすることを計画しています。私の質問は、CSSをダウンロードできるのか、それとも自分でホストする必要があるのかということです。
また、Googleを使用してロードする場合、他のプラグインをどのようにロードする必要がありますか?すべてのプラグインを一緒に圧縮できますか、それとも独自の個別のファイルにする必要がありますか?
Googleを使用してUIとCoreの両方のjQueryライブラリをダウンロードすることを計画しています。私の質問は、CSSをダウンロードできるのか、それとも自分でホストする必要があるのかということです。
また、Googleを使用してロードする場合、他のプラグインをどのようにロードする必要がありますか?すべてのプラグインを一緒に圧縮できますか、それとも独自の個別のファイルにする必要がありますか?
jQuery UI(現在はv1.10.3)を含むGoogle AJAX Libraries APIには、jQueryUIブログにある人気のあるテーマも含まれています。
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
テーマ非圧縮: ブラックタイ、ブリッツァー、クパチーノ、ダークハイブ、ドットラブ、ナス、エキサイトバイク、フリック、ホットスニーカー、人類、ルフロッグ、ミントチョコ、曇り、ペッパーグラインダー、レドモンド、滑らかさ、south-street、start、sunny、 swanky -purse、trontastic、ui-darkness、ui-lightness、およびvader。
圧縮されたテーマ: ブラックタイ、ブリッツァー、クパチーノ、ダークハイブ、ドットラブ、ナス、エキサイトバイク、フリック、ホットスニーカー、人類、ルフロッグ、ミントチョコ、曇り、ペッパーグラインダー、レドモンド、滑らかさ、south-street、start、sunny、 swanky -purse、trontastic、ui-darkness、ui-lightness、およびvader。
jQueryにCDNアクセスが追加されました。
code.jquery.com/ui/ [バージョン] /themes/ [テーマ名] /jquery-ui.css
そして、これをもう少し簡単にするために、ここに行きます:
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
オバマが言うように「はい、私たちはできます」。これがそれへのリンクです。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からホスティングすることはお勧めしません
http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns
そう思います。なぜだめですか?スクリプトファイルをサポートするためのCSSを提供しないCDNの多くではないでしょう
このリンクは、それらが次のとおりであることを示唆しています。
jQuery UI CSSテーマがGoogleのAjaxライブラリCDNでホストされるようになったことは、特にエキサイティングです。
jQuery UI cssを意味する場合は、これを使用できます。
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />