Hvordan legge en Ajax Spinner

Ajax Spinner viser en rørende ikon som viser til Web leserne Ajax delen av siden lastes. Uten spinner, siden ser blank og ingen indikasjon på at data blir spørres fra serveren vises. Den spinner ikonet lastes automatisk når du bruker "ajaxStart" og "show" funksjoner. Disse to funksjonene brukes til å laste Ajax handlers og viser et dialogvindu.

Bruksanvisning

1 Høyreklikk på HTML-siden du vil bruke til å laste dialogvinduet Ajax og klikk "Åpne med." Klikk HTML eller Ajax redaktør i listen over programmer.

2 Tilsett "div" tag for dialogvindu. jQuery bruker "div" koder for å lage og vise dialogvinduer. Følgende kode viser hvordan du kan skape "div" tag:

<Div class = "dialogwindow"> Dialog vindu innhold </ div>

3 Legg til jQuery kode for å åpne dialogboksen og utløse "spinner" -ikonet mens vindus laster. Følgende kode viser deg hvordan du legger ikonet og vise vinduet ved hjelp av div opprettet i forrige trinn:

$ ( '. Dialogwindow'). Klikk (funksjon () {
$ ( '. Resultatet') belastning (dialogwindow. ');
});