Wie die jQuery UI-Bibliothek für HTML5 und CSS3 Programmierung zum Download
jQuery UI-Code zu schreiben ist nicht schwierig, aber die richtigen Teile der Bibliothek kann ein wenig verwirrend für HTML5 und CSS3-Programmierer sein. Die jQuery UI-Bibliothek ist viel größer als die Standard-jQuery-Paket, so dass Sie möglicherweise nicht die ganze Sache aufnehmen möchten, wenn Sie es nicht brauchen.
Frühere Versionen von jQuery UI erlaubt Ihnen das gesamte Paket herunterladen, aber jede der verschiedenen Elemente in einer separaten javascript-Datei gespeichert. Es war üblich, ein halbes Dutzend zu haben unterschiedliche Skript aktive Tags erhalten nur die verschiedenen Elemente an ihrem Platz.
Schlimmer noch, gab es einige Abhängigkeitsprobleme, so dass Sie sicher zu machen erforderlich, dass Sie installiert bestimmte Pakete hatten, bevor Sie andere Pakete verwendet. Dies machte eine einfache Bibliothek ziemlich komplex, um tatsächlich nutzen.
Glücklicherweise machen die neuesten Versionen der jQuery UI diesen Prozess ziemlich viel einfacher:
Wählen (oder erstellen) Ihr Thema.
Verwenden Sie die Website Themeroller einen Startplatz aus der Vorlagenbibliothek zu holen. Sie können Ihr Thema genau zu machen, was Sie wollen (wechselnden Farben, Schriftarten und andere Elemente), dann anpassen.
Laden Sie das Thema.
Der Themeroller verfügt über einen Download-Button. Klicken Sie auf diese Option, wenn Sie bereit sind, das Thema herunterladen.
Wählen Sie die Elemente, die Sie wollen.
Wenn Sie zuerst an einem Projekt beginnen, werden Sie wahrscheinlich alle Elemente auswählen. Wenn Sie auf der Seite finden, zu langsam geladen wird, können Sie eine kleinere Version erstellen, die nur die Elemente enthält, die Sie benötigen. Denn jetzt, holen alles.
Laden Sie die Datei.
Nachdem Sie die Elemente ausgewählt haben Sie wollen, können Sie sie in einer Zip-Datei herunterladen.
Installieren Sie den Inhalt der Zip-Datei in das Arbeitsverzeichnis.
Die ZIP-Datei enthält eine Reihe von Dateien und Verzeichnissen. Kopieren Sie die css und js Verzeichnisse in das Verzeichnis, in dem Sie Ihre Web-Seiten sein wird (oft die public_html oder htdocs Verzeichnis). Sie brauchen nicht das zu kopieren Entwicklung Bündel Verzeichnis oder die Seite index.html.
Wenn Sie mehrere Themen zu installieren, kopieren nur das Thema Informationen aus weiteren Themen.
Alle Themen verwenden die gleiche javascript. Nur die CSS (und zugehörigen Bilddateien) ändert. 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 Verzeichnis sein.
Link zu den CSS-Dateien.
Verwenden Sie die Standard-Link-Technik in den CSS-Dateien, die von jQuery UI erstellt zu verknüpfen. Sie können auch Ihre eigenen CSS-Dateien verknüpfen oder interne CSS neben der benutzerdefinierten CSS verwenden. Achten Sie darauf, dass Sie den Weg bekommen Recht.
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 Verzeichnis. Sie werden beide Dateien zu verknüpfen müssen. Manchmal werden Sie minimierten Dateien neben gewöhnlichen Versionen zu sehen. Die minimierte Version wird der Begriff min eingebettet. Entweder Version ist in Ordnung, aber die minimierte Version schneller laden.
Wenn etwas nicht richtig funktioniert, überprüfen Sie die Dateipfade wieder. Fast immer entstehen Probleme, weil Sie nicht in die richtigen Dateien verknüpft haben. Beachten Sie auch, dass die CSS-Dateien erstellt von jQuery UI auch Bilder enthalten. Stellen Sie sicher, dass Ihr Thema eine dazugehörige Bildverzeichnis hat, oder Ihr Projekt möglicherweise nicht richtig funktionieren. Wenn Sie die gesamte CSS und JS-Verzeichnisse aus dem Download kopiert, dann sollten Sie in Ordnung sein.