jQuery Callback function

Ang Callback function ay gagawin pagkatapos ng 100% na pagkumpleto ng kasalukuyang animation.

Problema ng jQuery animation

Maraming jQuery function ay may animation. Ang mga function na ito ay maaaring mag- speed o durasyon Bilang opsyonal na argumento.

Halimbawa:$("p").hide("slow")

speed o durasyon Ang argumento ay maaaring itakda sa maraming iba't-ibang halaga, tulad ng "slow", "fast", "normal" o miliseconds.

Mga halimbawa

$("button").click(function(){
$("p").hide(1000);
});

Subukan nang personal

Dahil ang mga statement ng JavaScript (instruksyon) ay nilalagay ng isang-isa - ayon sa pagkakasunod-sunod, ang mga statement pagkatapos ng animation ay maaaring magmungkahi ng mga error o konflikto sa pahina, dahil ang animation ay hindi pa nakumpleto.

Upang maiwasan ang sitwasyon na ito, magdagdag ka ng Callback function bilang argumento.

jQuery Callback function

Pagkatapos ng 100% na pagkumpleto ng animation, tawagan ang Callback function.

Tikang sa tipikal na grammar:

$(selector).hide(speed,callback)

callback Ang argumento ay isang function na gagawin pagkatapos ng hide operasyon.

Mali (walang callback)

$("p").hide(1000);
alert("Ang paragrapo ay nakahide na");

Subukan nang personal

Tama (may callback)

$("p").hide(1000,function(){
alert("Ang paragrapo ay nakahide na");
});

Subukan nang personal

Konklusyon:Kung gusto mong magsagawa ng mga salita pagkatapos ng isang function na may animation, gamitin ang callback function.