Yshopnoosa.com

Sekventiella effekter i jQuery

JQuery är en händelsestyrd ram för att skriva interaktiva webben programmeringsspråket JavaScript. Syftet är att förenkla processen att skriva kod för webbläsaren att köra. I stället för kod körs sekventiellt, som skulle vara typisk, tillåter jQuery programmeraren att skriva kod som svarar på händelser som inträffar i webbläsaren, till exempel en användare klicka på en länk. Som standard körs jQuery varje uttalande är kopplat till en händelse samtidigt. JQuery ger emellertid en mekanism för att åsidosätta standardvärdet, och skriva kod som körs sekventiellt.

JavaScript

JavaScript är ett öppen källkod programmeringsspråk. Det ingår till alla moderna webbläsare. Tolkning (jämfört med sammanställt) språk gå, JavaScript är extremt snabb. Många stora företag har egenintresse i befordran av JavaScript som språk. Detta sagt, JavaScript har ett rykte om att vara något svårt att arbeta med flera försök har gjorts att göra JavaScript lättare. jQuery är ett sådant försök.

jQuery

jQuery är ett JavaScript-bibliotek som syftar till att förenkla arbetet med Document Object Model eller DOM. DOM är ett speciellt objekt som finns i JavaScript-språket och gör att programmerare kan manipulera strukturen för webbsidor. Arbeta med DOM kan vara svårt och svårbegripliga. DOM programmering kan också vara felbenägen, eftersom olika webbläsare tolkar DOM lite annorlunda. jQuery hanterar kompatibilitet med olika webbläsare.

jQuery effekter

JQuery JavaScript framework inkluderar ett stort sortiment av visuella effekter gör att skapa animationer enkelt. Tyvärr, som standard, alla dessa effekter kommer att köras samtidigt när webbläsaren laddar jQuery skriptet. Det enklaste sättet runt denna begränsning är att använda "callbacks" jQuery gör funktioner definiera funktioner som bör kallas efter målgång.

Hjälp av återanrop

Normalt, skulle sekventiell jQuery kod se ut så här.

$("#show-projects").click(function() {

$(".page:visible").fadeOut("normal");

$("#projects").fadeIn("normal");

});

Varje uttalande, eller kodrad, körs samtidigt i det här exemplet. Semikolon används för att avgränsa varje uttalande.

För att använda en återuppringning, använda koden så här istället:

$("#show-projects").click(function() {

$(".page:visible").fadeOut("normal", function() {

$("#projects").fadeIn("normal");

});

});

I det här exemplet finns det bara ett uttalande som körs under evenemanget "klick". Istället för att köra varje uttalande samtidigt, körs detta exempel i sekvens.