Загрузка jQuery UI CSS из Google CDN

Ответ 1

API библиотек Google AJAX, который включает в себя jQuery UI (в настоящее время v1.10.3), также включает популярные темы в соответствии с jQuery UI blog:

API Ajax L библиотек (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

• Темы несжатые: black-tie, blitzer, cupertino, dark-hive, dot-luv, eggplant, excite-bike, flick, hot-sneaks, humanity, le-frog, mint-choc, overcast, pepper-grinder, redmond, smoothness, south-street, start, sunny, swanky-purse, trontastic, ui-darkness, ui-lightness, и vader.

• Темы сжаты: black-tie, blitzer, cupertino, dark-hive, dot-luv, eggplant, excite-bike, flick, hot-sneaks, humanity, le-frog, mint-choc, overcast, pepper-grinder, redmond, smoothness, south-street, start, sunny, swanky-purse, trontastic, ui-darkness, ui-lightness и vader.

Ответ 2

jQuery теперь имеет доступ к CDN:

code.jquery.com/ui/ [версия]/themes/ [название темы]/jquery-ui.css

И чтобы сделать это немного легче, вот вам:

• base: http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
• black-tie: 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
• dark-hive: http://code.jquery.com/ui/1.9.1/themes/dark-hive/jquery-ui.css
• dot-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
• excite-bike: http://code.jquery.com/ui/1.9.1/themes/excite-bike/jquery-ui.css
• flick: http://code.jquery.com/ui/1.9.1/themes/flick/jquery-ui.css
• hot-sneaks: 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
• перец-дробилка: http://code.jquery.com/ui/1.9.1/themes/pepper-grinder/jquery-ui.css
• redmond: 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
• start: http://code.jquery.com/ui/1.9.1/themes/start/jquery-ui.css
• sunny: http://code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
• swanky-purse: 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

Ответ 3

Google размещает jQueryUI css по этой ссылке https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Если вы посмотрите на этот код напрямую, он импортирует css, используя @import который может быть медленным. Вы можете захотеть включить импорт в свои части, чтобы получить небольшое преимущество в производительности:

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

Ответ 4

Я бы так подумал. Почему нет? Не будет большого количества CDN без предоставления CSS для поддержки файлов script

Эта ссылка предполагает, что они:

Мы считаем особенно увлекательным, что Темы jQuery UI CSS теперь размещен в CDN AJAX LN.

Ответ 5

Вы можете использовать этот, если вы имеете в виду jQuery UI css:

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

Ответ 6

Как говорит Обама "Да, мы можем". Вот ссылка на него. developers.google.com/#jquery

Вам нужно использовать

Google

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

Microsoft

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 по следующим причинам.

• Несмотря на то, что ваши шансы на попадание в Google хороши в случае с Google CDN по сравнению с другими, но он все еще ужасно низкий. (любой cdn не только Google).
• Загрузка через cdn у вас будет 3 запроса один для jQuery.js, один для jQueryUI.js и один для вашего кода. Вы можете сжать его на своем локальном компьютере и загрузить его как один ресурс.

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