Video: jQuery Tutorial #1 - Einleitung [DEUTSCH/GERMAN] 2024
Das Schreiben von jQuery-UI-Code ist nicht schwierig, aber das Abrufen der richtigen Teile der Bibliothek kann für HTML5- und CSS3-Programmierer etwas verwirrend sein. Die jQuery-UI-Bibliothek ist viel größer als das standardmäßige jQuery-Paket, daher möchten Sie möglicherweise nicht das gesamte Objekt einschließen, wenn Sie es nicht benötigen.
In früheren Versionen der jQuery-Benutzeroberfläche konnten Sie das gesamte Paket herunterladen, aber jedes der verschiedenen Elemente in einer separaten JavaScript-Datei speichern. Es war üblich, ein halbes Dutzend verschiedene Skript-Tags aktiv zu haben, nur um die verschiedenen Elemente an Ort und Stelle zu bringen.
Schlimmer noch, einige Abhängigkeitsprobleme bestanden, daher mussten Sie sicherstellen, dass bestimmte Pakete installiert wurden, bevor Sie andere Pakete verwenden. Dies machte eine einfache Bibliothek ziemlich kompliziert, um sie tatsächlich zu verwenden.
Glücklicherweise machen die neuesten Versionen der jQuery-Benutzeroberfläche diesen Prozess ein wenig einfacher:
-
Wählen Sie Ihr Design aus (oder erstellen Sie es).
Verwenden Sie die themeRoller-Site, um einen Startort aus der Vorlagenbibliothek auszuwählen. Sie können dann Ihr Thema genau an Ihre Wünsche anpassen (Farben, Schriftarten und andere Elemente ändern).
-
Laden Sie das Thema herunter.
Der themeRoller hat eine Download-Schaltfläche. Klicken Sie auf diese Schaltfläche, wenn Sie Ihr Thema herunterladen möchten.
-
Wählen Sie die gewünschten Elemente aus.
Wenn Sie mit einem Projekt beginnen, werden Sie wahrscheinlich alle Elemente auswählen. Wenn Sie feststellen, dass die Seite zu langsam geladen wird, erstellen Sie möglicherweise eine kleinere Version, die nur die Elemente enthält, die Sie benötigen. Für jetzt wählen Sie alles aus.
-
Laden Sie die Datei herunter.
Nachdem Sie die gewünschten Elemente ausgewählt haben, können Sie diese in einer ZIP-Datei herunterladen.
-
Installieren Sie den Inhalt der Zip-Datei in Ihrem Arbeitsverzeichnis.
Die ZIP-Datei enthält eine Reihe von Dateien und Verzeichnissen. Kopieren Sie die Verzeichnisse css und js in das Verzeichnis, in dem sich Ihre Webseiten befinden (häufig das Verzeichnis public_html oder htdocs). Sie müssen das Entwicklungspaketverzeichnis oder den Index nicht kopieren. HTML-Seite.
-
Wenn Sie mehrere Themen installieren, kopieren Sie nur die Themeninformationen aus zusätzlichen Themen.
Alle Themen verwenden das gleiche JavaScript. Nur das CSS (und verwandte Bilddateien) ändert sich. Wenn Sie mehrere Themen in Ihrem Projekt haben möchten, kopieren Sie einfach die CSS-Inhalte. Jedes Thema wird ein anderes Unterverzeichnis des Haupt-CSS-Verzeichnisses sein.
-
Link zu den CSS-Dateien.
Verwenden Sie die Standard-Link-Technik, um eine Verknüpfung zu den von jQuery UI erstellten CSS-Dateien herzustellen. Sie können auch auf Ihre eigenen CSS-Dateien verlinken oder zusätzlich zum benutzerdefinierten CSS auch internes CSS verwenden. Stellen Sie sicher, dass Sie den richtigen Pfad erhalten.
-
Link zu den JavaScript-Dateien.
Das jQuery UI-Toolkit installiert auch zwei JavaScript-Dateien: die Standard-jQuery-Bibliothek und die jQuery-UI-Bibliothek. Standardmäßig sind diese beiden Dateien im Verzeichnis js installiert. Sie müssen auf beide Dateien verweisen. Manchmal sehen Sie minimierte Dateien neben gewöhnlichen Versionen. In der minimierten Version wird der Begriff min eingebettet. Beide Versionen sind in Ordnung, aber die minimierte Version wird schneller geladen.
Wenn etwas nicht funktioniert, überprüfen Sie Ihre Dateipfade erneut. Fast immer treten Probleme auf, weil Sie nicht mit allen richtigen Dateien verknüpft sind. Beachten Sie außerdem, dass die von jQuery UI erstellten CSS-Dateien auch Bilder enthalten. Vergewissern Sie sich, dass Ihr Design über ein zugeordnetes Bilderverzeichnis verfügt oder dass Ihr Projekt möglicherweise nicht ordnungsgemäß funktioniert. Wenn Sie die gesamten CSS- und JS-Verzeichnisse vom Download kopiert haben, sollten Sie in Ordnung sein.
