Herunterladen von jQuery UI CSS aus dem Google-CDN

Question

Ich plane Google über die Verwendung der jQuery lib für beide UI und Core zum Download bereit. Meine Frage ist, tun sie mir erlauben, die CSS für sie herunterzuladen oder sollte ich es selbst hosten?

Auch wenn ich die Verwendung von Google laden, wie soll ich andere Plugins laden? Kann ich alle Plugins zusammen komprimieren oder sollte es seine eigene separate Datei sein?

Answer 1

Das Google AJAX Libraries API, die jQuery UI enthält (derzeit v1.10.3), enthalten auch beliebte Themen wie pro der jQuery UI Blog :

Google Ajax Bibliotheken API (CDN)

• unkomprimiert: < a href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js" rel = "noreferrer"> http://ajax.googleapis.com/ajax/libs/ jQueryUI / 1.10.3 / jquery-ui.js

• Komprimiert: http://ajax.googleapis.com/ ajax / libs / jQueryUI / 1.10.3 / jquery-ui.min.js

• Themen unkomprimiert: black-tie , blitzer , cupertino , dark-Nest , dot-luv , Aubergine , erregen-Bike , Flick , hot-schleicht < a href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/humanity/jquery-ui.css" rel = "noreferrer"> Menschheit , le-Frosch , mint-choc , bedeckt , Pfeffermühle , redmond , Glätte Süd-Straße starten , sonnig , protzigen-Geldbeutel , trontastic , ui-Dunkelheit , ui-Leichtigkeit und vader .

• Themen Komprimieren: black-tie blitzer cupertino , dark-hive , dot -Luv , Aubergine , erregen-Bike , Flick , hot-schleicht , Menschheit , le-Frosch , mint-choc , bedeckt , Pfeffermühle , redmond , Glätte , Süd-Straße , starten , sonnig , protzigen-Geldbeutel , trontastic , ui-Dunkelheit , ui-Leichtigkeit und vader

Answer 2

jQuery hat jetzt einen CDN-Zugang:

code.jquery.com/ui/ [Version] / themes / [Thema name] /jquery-ui.css

---

Und damit dies ein wenig leichter, Hier gehen Sie:

• base: http://code.jquery.com/ui/1.9 0,1 / Themen / 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 0,1 / themes / blitzer / jquery-ui.css
• cupertino: http://code.jquery.com/ui/1.9 0,1 / themes / Cupertino / jquery-ui.css
• dark-Nest: 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
• Aubergine: http://code.jquery.com/ui/1.9 0,1 / themes / Aubergine / jquery-ui.css
• erregen-Bike: http://code.jquery.com /ui/1.9.1/themes/excite-bike/jquery-ui.css
• Film: http://code.jquery.com/ui/1.9 0,1 / themes / flick / jquery-ui.css
• hot-Petze: http://code.jquery.com /ui/1.9.1/themes/hot-sneaks/jquery-ui.css
• Menschheit: http://code.jquery.com/ui/1.9 0,1 / themes / Menschheit / jquery-ui.css
• le-Frosch: 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
• bedeckt: http://code.jquery.com/ui/1.9 0,1 / themes / bewölkt / jquery-ui.css
• Pfeffermühle: http://code.jquery.com /ui/1.9.1/themes/pepper-grinder/jquery-ui.css
• redmond: http://code.jquery.com/ui/1.9 0,1 / themes / redmond / jquery-ui.css
• Ruhe: http://code.jquery.com/ui/1.9 0,1 / themes / Glätte / jquery-ui.css
• Süd-Straße: http://code.jquery.com /ui/1.9.1/themes/south-street/jquery-ui.css
• Start: http://code.jquery.com/ui/1.9 0,1 / themes / Start / jquery-ui.css
• sonnig: http://code.jquery.com/ui/1.9 0,1 / themes / sonnig / jquery-ui.css
• protzigen-Geldbeutel: http://code.jquery.com /ui/1.9.1/themes/swanky-purse/jquery-ui.css
• trontastic: http://code.jquery.com/ui/1.9 0,1 / themes / trontastic / jquery-ui.css
• ui-Dunkelheit: http://code.jquery.com /ui/1.9.1/themes/ui-darkness/jquery-ui.css
• ui-Helligkeit: http://code.jquery.com/ui/1.9.1/themes/ui-lightness/jquery-ui .css
• vader: http://code.jquery.com/ui/1.9 0,1 / themes / vader / jquery-ui.css

Answer 3

Google hostet jQueryUI css unter diesem Link https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Wenn Sie an diesem Code direkt aus, sondern importiert die CSS mit @import die langsam sein kann. Sie können das Import in seine Teile Faktor einen leichten Leistungsvorteil zu gewinnen:

https: // Ajax .googleapis.com / ajax / libs / jQueryUI / 1.8 / Themen / base / jquery.ui.base.css https: //ajax.googleapis. com / ajax / libs / jQueryUI / 1.8 / Themen / base / jquery.ui.theme.css

Answer 4

Ich würde so denken. Warum nicht? Wäre es nicht viel von einem CDN sein w / o die CSS bietet die Skriptdateien

unterstützen

Dieser Link legt nahe, dass sie sind:

  

Wir finden es besonders spannend, dass   die jQuery UI CSS Themen sind jetzt   gehostet auf Ajax Bibliotheken CDN von Google.

Answer 5

Sie können dieses verwenden, wenn Sie die jQuery UI CSS bedeuten:

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

Answer 6

Wie Obama sagt "Yes We Can". Hier ist der Link zu. developers.google.com/#jquery

Sie müssen verwenden

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

Thema Namen finden hier http://jqueryui.com/themeroller/ in der Galerie Subreiter

.

Aber ich würde nicht empfehlen Sie von CDN aus den folgenden Gründen Hosting

1. Obwohl Ihre Chance auf Trefferquote bei Google CDN im Vergleich zu anderen gut ist, aber es ist immer noch erschreckend gering. (Jede CDN nicht nur Google).
2. Laden über CDN Sie 3 Anfragen eine für jquery.js haben, eine für jQueryUI.js und eine für Ihren Code. Sie könnten, wie es auf dem lokalen komprimieren und sie als eine einzelne Ressource laden.

http://zoompf.com/blog/ 2010/01 / soll-you-use-Javascript-Bibliothek-cdns