Wie Install jQuery mit Dreamweaver

Nach der Besichtigung einer Eye-Opening-jQuery-Animation, können Sie dazu inspiriert, diese Arten der Spezialeffekte auf Ihren Web-Seiten enthalten sein. JQuery, eine JavaScript-Bibliothek hilft auch Entwickler Code schneller durch viele komplexe Aufgaben automatisch ausführen. Obwohl jQuery nicht in einer Webanwendung vorhanden ist, bis jemand es installiert, können Sie Ihre Dreamweaver-Projekte die jQuery-Bibliothek hinzufügen, durch die Verknüpfung zu der Datei, die den Quellcode enthält.

Anweisungen

1 Öffnen Sie Dreamweaver, und klicken Sie auf "HTML". Dreamweaver erstellt ein neues Webseite-Dokument.

2 Geben Sie "Dies ist ein Test" auf das Dokument und markieren Sie dann den Text mit der Maus. Geben Sie "jQueryTest" im Textfeld "ID" an der Unterseite von Dreamweaver. Auf diese Weise gibt dem Text einen ID-Wert.

3 Klicken Sie auf die Registerkarte "Code" im oberen Bereich von Dreamweaver HTML-Code des Dokuments anzeigen. Suchen Sie das "< Head >" Tag im Code, und fügen Sie den folgenden Text unterhalb dieser Markierung:

< Skript-Typ = "Text/Javascript" Src = "das https://ajax.googleapis.com/AJAX/libs/jQuery/1/jQuery.min.js">< / script >

Dieser Code macht jQuery in das Dreamweaver-Dokument verfügbar.

4 Fügen Sie den folgenden JavaScript-Code unter dem Code in der vorherigen Schritt hinzugefügt:

$(Funktion () {}$('#jQueryTest').fadeOut(5000);});

Dies ist eine einfache jQuery-Animation-Funktion. Es können Sie überprüfen, ob dass jQuery funktioniert. Die Funktion blendet den Text, den Sie eingegeben, beim Laden der Web-Seite haben. Die Fadeout Wirksamwerden 5000 Millisekunden.

5 Klicken Sie auf die Registerkarte "Entwurf", um zur Entwurfsansicht zurückzukehren. Ihr Text erscheint. Klicken Sie auf "Live-Vorschau". Der Text wird in fünf Sekunden, überprüfen, dass jQuery Edelstahlkonstruktionen ausgeblendet. Fügen Sie zusätzliche jQuery Code bei Bedarf zur Webseite hinzu.

Tipps & Warnungen

• Denken Sie daran, dass kein JavaScript oder jQuery Code funktioniert, wenn der Benutzer JavaScript in ihrem Browser deaktivieren. Beim Erstellen von Web-Anwendungen ist es sinnvoll, alternative Möglichkeiten, wichtige Funktionen zu behandeln, ohne JavaScript zu erstellen.