با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره آموزش کاربردی آموزش jQuery ، را دنبال می کنند. تاکنون کار با چندین افکت و کاربرد هر یک را در فصل کار با افکت ها در jQuery ارائه کردیم. اکنون وارد مبحث جدیدی که بعد از اجرای افکت ها، اتفاق می افتد می شویم. در این بخش، ما به موضوع کار با توابع تماس برگشت در jQuery یا Callback در jQuery ، می پردازیم.
در آخرین آموزشها ، مخصوصا در بخش های اخیر ، انواع افکت ها ، معرفی ساختار و کاربرد هر یک و مثال هایی از هرکدام را ارائه کردیم. از جمله در مباحث انیمیشن موضوعات پویا نمایی یا کار با Animation در jQuery ، و در ادامه ی آن کار با توقف انیمیشن در jQuery ، را ارائه کردیم.
اکنون در این بخش، به موضوع کار با توابع تماس برگشت یا Callback در jQuery ، می پردازیم.
توابع callback ، زمانیکه اجرای یک افکت ، بطور کامل تمام شده باشد. اجرا می شود.
در جاوااسکریپت برنامه ها، بصورت خط به خط، اجرا می شود.
حتی اگر برنامه ی قبلی به پایان نرسیده باشد، روند اجرای کدهای بعدی، ادامه دارد. ممکن است، باعث بروز خطاهایی شود.
برای حل این مشکل، می توانید یک callback ، ایجاد کنید.
ساختار:
1 | $(selector).hide(speed,callback); |
مثال: در مثال زیر، از یک پارامتر callback در افکت، استفاده شده است.
زمانیکه اجرای افکت تمام شود، با استفاده از پارامتر callback، یک پیغام ظاهر می شود:
1 2 3 4 5 | $("button").click(function(){ $("p").hide("slow", function(){ alert("The paragraph is now hidden"); }); }); |
مثال ۲: در این مثال از پارامتر callback، استفاده نشده است. و قبل از اتمام اجرای افکت، یک پیغام ظاهر می شود:
1 2 3 4 | $("button").click(function(){ $("p").hide(1000); alert("The paragraph is now hidden"); }); |
بعد از معرفی افکت های jQuery در بخش های قبل ، در این بخش وارد بحث جدیدی که بعد از اجرای هر افکت اتفاق می افتد شدیم. و موضوع کار با توابع تماس برگشت یا Callback در jQuery را ، ارائه کردیم. امیدواریم که این بخش نیز مورد توجه و رضایت کاربران قرار گرفته باشد.