2010-04-01 11 views
17

Ich versuche zum ersten Mal jQuery UI mit einem ThemeRoller Thema zu installieren. Ich habe jquery 1.4.2 heruntergeladen ... Ich habe jQuery UI mit ein paar Themen heruntergeladen. Ich habe versucht, den Anweisungen zu folgen, aber sie scheinen widersprüchlich zu sein und scheinen sich nicht auf die heruntergeladenen Dateien zu beziehen.jQuery UI ThemeRoller - Installieren von Designs

Wenn ich versuche, einen Datepicker zu verwenden ... funktioniert die Datepicker-Funktionalität, aber es hat den Standard (grau) Stil.

This page bezieht sich auf einen Ordner/Unterordner/CSS-Dateien, die nicht vorhanden sind. Diese Seite verweist auf eine Datei ui.theme.css, die nicht existiert.

Die Downloads I enthalten die folgende erhalten:

--development-bundle 
---demos 
----docs 
----external 
----themes 
------base 
------Redmond 
----ui 
------i8n 
------minified 
--js 

Was setzen Sie wo? Ich habe die js in das entsprechende Verzeichnis kopiert und in meine Seite verlinkt. Und ich habe auch die Themes/Base-Ordner kopiert und in die jquery.ui.all.css-Datei eingebunden. Selbst die mitgelieferten Demos zeigen nur das Standard-Styling (grau) an.

Wohin gehe ich falsch?

EDIT:

Sorry, ich Redmond tatsächlich versucht zuerst, aber wenn es nicht funktioniert hat, habe ich versucht, Glätte (eine zufällige Auswahl -didn't erkennen, dass es der graue war). Ich bekomme für jedes die gleichen Ergebnisse - grau. [auch korrigiert Ordnerstruktur oben]

EDIT 2: Nun, ich habe es herausgefunden .... weder der ursprünglichen Glätte oder Redmond Downloads hatte einen CSS-Ordner (wie aus der zu sehen war Struktur ich oben beschrieben). Beide Themen wurden innerhalb weniger Minuten heruntergeladen und haben unterschiedliche Dateigrößen. Ich habe gerade versucht, Cupertino herunterzuladen, das einen CSS-Ordner hat - wenn ich das in meine App kopiere, bekomme ich das passende Styling.

Also habe ich versucht wieder Redmond Herunterladen, und siehe da - es jetzt auch einen CSS-Ordner hat ... Ich fragte mich, ob ich zweimal das gleiche Thema heruntergeladen haben könnte, aber sie haben unterschiedliche Zeitstempel und verschiedene Dateigrößen ... Ich bin verwirrt. Vielleicht hatte der jQuery-Server gerade einen Gehirn-Furz!

Der heutige Goldstar geht an Nick, weil er mich auf die Spur von jquery-ui-1.8.custom.css gebracht hat, was schließlich zu meiner Epiphanie geführt hat!

EDIT 3:

Ich habe gerade erst begonnen beginnen und die Menschheit Download - beide Zip-Dateien NICHT einen CSS-Ordner!

Graben weiter, es scheint I might not be crazy after all.

+0

Also, haben Sie einfach Ihre benutzerdefinierten Themen im Basisordner installiert? –

Antwort

17

Sie müssen diesen Link in Ihrem Kopf ändern, sollte es in diesem Format sein:

<link rel="Stylesheet" href="/css/MY_THEME_HERE/jquery-ui-1.8.custom.css" /> 

Zum Beispiel, wenn Sie das redmond Thema wäre heruntergeladen

<link rel="Stylesheet" href="/css/redmond/jquery-ui-1.8.custom.css" /> 

Was auch immer Sie Thema Wählen Sie, wenn heruntergeladen werden soll in der Zip in diesem Pfad enthalten sein. Wenn Sie ein benutzerdefiniertes Design erstellt haben, lautet die Nummer:

<link rel="Stylesheet" href="/css/custom-theme/jquery-ui-1.8.custom.css" /> 
+0

Die jquery-ui-1.8.custom.css Datei ist eigentlich in der js-Unterordner, aber ich habe es kopiert (und die UI-js-Datei) zu ein anderer Ordner - mein CSS-Link ist korrekt. – CJM

+0

Scratch den letzten Kommentar - Ich denke, ich rede aus meinem Hut. Ich überprüfe ... :) – CJM

+2

@CJM - Diese werden auch CDN gehostet, zum Beispiel, um Redmond von Google zu ziehen, ändern Sie Ihren Stylesheet-Link zu: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8 /themes/redmond/jquery-ui.css –

0

Glätte ist ein graues Thema - sind Sie sicher, dass es nicht richtig eingerichtet ist? Vielleicht probier eines der buntesten Themen und schau, ob es mit dem meroller übereinstimmt.

+0

Sorry - Ich habe tatsächlich redmond versucht - die gleichen Ergebnisse (siehe oben) – CJM

0

Glätte ist das "Standard" -Gerythema, das Sie erhalten, wenn Sie jquery ui herunterladen. Wenn Sie Ihr eigenes Theme rollen, sollte das css-Verzeichnis ein "benutzerdefiniertes" Verzeichnis haben, das Ihr gerolltes Theme hat.

Sind Sie sicher, dass Sie beim Herunterladen von jqueryUI anstelle von benutzerdefinierten oder anderen Designs nicht die Glätte teheme ausgewählt haben?

Manchmal müssen Sie beim Ändern eines Themas die Seite (f5) neu laden, um die Änderungen zu sehen.

Verwandte Themen