توابع Callback jQuery

توابع Callback پس از اینکه انیمیشن به 100% به پایان رسید، اجرا می‌شوند.

مشکلات انیمیشن jQuery

بسیاری از توابع jQuery شامل انیمیشن هستند. این توابع ممکن است سرعت یا مدت زمان به عنوان پارامتر اختیاری.

مثال:$("p").hide("slow")

سرعت یا مدت زمان پارامتر می‌تواند بسیاری از مقادیر مختلف را تنظیم کند، مانند "slow", "fast", "normal" یا میلی ثانیه.

مثال

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

آزمایش کنید

چون دستورات JavaScript (دستور) به ترتیب یک به یک اجرا می‌شوند - به ترتیب، عبارات پس از انیمیشن ممکن است خطا یا درگیری صفحه‌ای ایجاد کنند، زیرا انیمیشن هنوز به پایان نرسیده است.

برای جلوگیری از این وضعیت، می‌توانید تابع Callback را به عنوان پارامتر اضافه کنید.

توابع Callback jQuery

پس از اینکه انیمیشن به 100% به پایان رسید، تابع Callback فراخوانی می‌شود.

نوعیک معمولی از نحوه‌ی استفاده:

$(انتخاب‌گر).hide(سرعت,callback)

callback پارامتر یک تابع است که پس از انجام عملیات hide اجرا می‌شود.

اشتباه (بدون callback)

$("p").hide(1000);
alert("این پاراگراف اکنون پنهان شده است");

آزمایش کنید

درست (با callback)

$("p").hide(1000,function(){
alert("این پاراگراف اکنون پنهان شده است");
});

آزمایش کنید

نتیجه‌گیری:اگر می‌خواهید در پس از یک تابع شامل انیمیشن، یک عبارت را اجرا کنید، از تابع callback استفاده کنید.