توابع 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("The paragraph is now hidden");

خودتان امتحان کنید

درست (با callback)

$("p").hide(1000,function(){
alert("The paragraph is now hidden");
});

خودتان امتحان کنید

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