Slik installerer jQuery med Dreamweaver

August 2

Etter å ha sett en tankevekkende jQuery animasjon, kan du bli inspirert til å inkludere disse typer spesielle effekter på alle websidene. JQuery, en Javascript-bibliotek, bidrar også utviklere kode raskere ved å utføre mange komplekse oppgaver automatisk. Selv om jQuery ikke eksisterer i et webprogram til noen installerer det, kan du legge den jQuery biblioteket til Dreamweaver prosjekter ved å lenke til filen som inneholder kildekoden.

Bruksanvisning

1 Åpne Dreamweaver, og klikk på "HTML" -knappen. Dreamweaver skaper en ny webside dokument.

2 Skriv "Dette er en test" på dokumentet, og deretter markere teksten med musen. Skriv "jQueryTest" i "ID" tekstboksen nederst i Dreamweaver. Å gjøre dette gir teksten et ID-verdi.

3 Klikk på "Code" fanen øverst i Dreamweaver for å vise dokumentet HTML-kode. Finn "<head>" tag i koden, og lim følgende tekst under den koden:

Denne koden gjør jQuery tilgjengelig i Dreamweaver dokumentet.

4 Lim inn følgende Javascript-koden under koden lagt i forrige trinn:

$ (Funksjon () {
$ ( '# JQueryTest') fadeout (5000).;
});

Dette er en enkel jQuery animasjon funksjon. Den lar deg bekrefte at jQuery fungerer. Funksjonen fades ut teksten du skrev når nettsiden lastes. Den fadeout effekten tar 5000 millisekunder.

5 Klikk på "Design" -kategorien for å gå tilbake til utformingsvisning. Din tekst vises. Klikk på "Live Preview" -kategorien. Teksten fades ut i fem sekunder, verifisere at jQuery fungerer. Legg til ekstra jQuery kode som trengs til websiden.

Hint

Husk at ingen Javascript eller jQuery koden fungerer hvis brukerne deaktivere Javascript i nettleseren. Når du oppretter web-applikasjoner, er det nyttig å lage alternative måter å håndtere kritiske funksjoner uten å være avhengig av Javascript.