從Google的CDN下載jQuery UI CSS

我打算使用Google下載UI和Core的jQuery庫。 個人問題是，他們容許我爲此下載CSS仍是應該本身託管它？

另外，若是我使用Google加載，應該如何加載其餘插件？ 我能夠將全部插件壓縮在一塊兒嗎，仍是應該將其單獨壓縮？

---

#1樓

jQuery如今具備CDN訪問權限：

code.jquery.com/ui/ [版本] / themes / [主題名稱] /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
• 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
• 暗蜂巢： http : //code.jquery.com/ui/1.9.1/themes/dark-hive/jquery-ui.css
• 點-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
• 熱偷偷摸摸的： 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
• Pepper-grinder： 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
• 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

---

#2樓

若是您是指jQuery UI CSS，則能夠使用此代碼：

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

---

#3樓

正如奧巴馬所說的「是的」。 這是連接。 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的命中率很高，但仍然很是低。（任何CDN不只限於Google）。
2. 經過CDN加載，您將有3個請求，一個針對jQuery.js，一個針對jQueryUI.js，一個針對您的代碼。 您可能會在本地壓縮它，並將其做爲一個資源加載。

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

---

#4樓

我會這樣認爲。 爲何不？ 沒有提供CD來支持腳本文件的CDN不會太多

該連接代表它們是：

咱們感到特別使人興奮的是，jQuery UI CSS主題如今託管在Google的Ajax Libraries CDN中。

---

#5樓

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

• 不受壓縮的主題： 黑色領帶 ， 西服 ， 庫比蒂諾 ， 暗黑蜂巢 ， 點愛 ， 茄子 ， 興奮自行車 ， 輕彈 ， 熱偷偷摸摸 ， 人性 ， le-frog ， 薄荷choc ， 陰天 ， 胡椒研磨機 ， redmond ， 光滑度 ， 南大街 ， 起點 ， 陽光明媚 ， 花哨 的錢包 ， 突兀的 ， ui黑暗的 ， ui lightness和vader 。

• 壓縮主題： 黑領結 ， 西服 ， 庫比蒂諾 ， 暗黑蜂巢 ， 點愛 ， 茄子 ， 興奮自行車 ， 輕彈 ， 熱溜溜 ， 人性化 ， 青蛙 ， 薄荷巧克力 ， 陰天 ， 胡椒研磨機 ， 雷德蒙德 ， 光滑度 ， 南大街 ， 起點 ， 陽光明媚 ， 花哨 的錢包 ， 突兀的 ， ui黑暗的 ， ui lightness和vader 。