آموزش callback یا فراخوانی در جی کوئری

1396/10/4 علیرضا حاتمی نیا 159

 

با سلام خدمت شما علاقه مندان به آموزش جی کوئری. در جلسه قبل با متد stop در جی کوئری آشنا شدیم و در این جلسه به آموزش توابع فراخوان یا callback در جی کوئری می پردازیم.

فراخوانی توابع یا callback functions در جی کوئری

اگر دقت کرده باشید در مباحث پیش که متدهای مرتبط با افکت گذاری در جی کوئری را توضیح دادیم، بعضی از این متد ها پارامتری به نام callback را به عنوان پارامتر اختیاری دریافت می کردند.
پارامتر Callback هنگامی اجرا می شود که افکت مورد نظر به طورکامل اجرا و پایان پذیرفته باشد. در این هنگام یک تابع فراخوانی می شود و دستورات داخل آن اجرا می شود. 
مثلا فرض کنید قصد دارید توسط متد hide یک عنصر از html را مخفی می کنید و سپس بعد از مخفی شدن یک پیام به کاربر نمایش دهید.
اگر به یاد داشته باشید شکل کلی متد hide به شکل زیر بود :

$(selector).hide(speed,callback);

در این مثال پس از کلیک به روی دکمه button ابتدا تگ div مخفی می شود و سپس تابعی فراخوانی می شود که پیام مورد نظر را به کاربر نمایش می دهد. 

$("button").click(function(){
    $("div").hide("fast", function(){
        alert("The div tag is now hidden");
    });
});

 

کلمات کلیدی

جی کوئری
علیرضا حاتمی نیا
طراح و برنامه نویس وب
طراحی وبسایت های واکنش گرا
طراحی و پیاده سازی سیستم مدیریت محتوا
سئو و بهینه سازی سایت