Hvordan endre en musepekeren med jQuery

July 29

Hvis du utfører en oppgave i jQuery som vil kreve at brukeren å vente på et sekund eller mer, kan det være lurt å endre markøren for å la brukeren vite at han skulle vente til systemet ferdig med å behandle informasjon. Du kan endre markøren med jQuery ved å endre CSS markøren eiendom for kroppen av dokumentet. Ikke glem å endre markøren tilbake når oppgaven er fullført.

Bruksanvisning

1 Opprett en ny HTML-fil ved hjelp av en redaktør eller Notisblokk. Sett inn en tom HTML skjelett og inkludere jQuery biblioteket i dokumentet. For eksempel inn:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Head>

<Title> Endre Markør </ title>

<Script src = "& lt; / script"> https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js "> & lt; / script>

</ Head>

<Body>

</ Body>

</ Html>

2 Lag en jQuery funksjon som du kanskje vil endre musepekeren, for eksempel ved lasting av data fra en ekstern side på webserveren. For eksempel inn:

$ (Document) .ready (function () {

$.get("external.php", function(data) {

3 Endre musepekeren ved å endre CSS eiendom for kroppen av dokumentet. Fullfør funksjon ved å behandle eller manipulere data. For eksempel inn:

$("body").css("cursor", "progress");

doSomethingWithThe (data);

});

4 Sett musepekeren tilbake til automatisk kontroll. For eksempel inn:

$("body").css("cursor", "auto");

});

</ Script>

</ Head>

<Body>

</ Body>

</ Html>