آموزش توابع پاسخ به تماس (Callback) در JQuery

بازدید: 402 بازدید
callback
[cdb_box_content]

با عرض سلام خدمت همراهان همیشگی وب سایت پرنیان طرح

با یکی دیگر از مقالات آموزشی JQuery در خدمت شما عزیزان هستیم.

میتوانید برای یادگیری مقالات بیشتر JQuery به این لینک مراجعه فرمایید.

در این آموزش قصد داریم در مورد توابع پاسخ به تماس در کتابخانه JQuery صحبت کنیم.

در ادامه همراه ما باشید.

[/cdb_box_content]
[cdb_box_content]

مقدمه


تابع callback زمانی که متحرک سازی به طور 100% اجرا میشود انجام میگردد.

دستورات جاوا اسکریپت به صورت خطی اجرا میشوند ، اما با وجود افکت ها حتی اگر خط کامل کد تمام نشده باشد قابل اجرا است.

که این امر میتواند سبب بروز خطاهایی شود.

[/cdb_box_content]
[cdb_box_content]

توابع callback در Jquery :

مثال زیر دارای یک پارامتر callback است که پس از اتمام اثر hide (مخفی) اجرا میشود.

مثال :

[php]

<head>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“button”).click(function(){
$(“p”).hide(“slow”, function(){
alert(“The paragraph is now hidden”);
});
});
});
</script>
</head>
<body>

<button>Hide</button>

<p>This is a paragraph with little content.</p>

</body>

[/php]

میتوانید خروجی این مثال را در این لینک مشاهده کنید.

[/cdb_box_content]
[cdb_box_content]

تابع دوم

مثال زیر هیچ پارامتر بازگشتی ندارد و پیغام اخطار (alert box) پیش از اینکه اثر پنهان سازی (hide) تمام شود نمایش داده می شود.

مثال :

[php]

<head>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“button”).click(function(){
$(“p”).hide(1000);
alert(“The paragraph is now hidden”);
});
});
</script>
</head>
<body>

<button>Hide</button>

<p>This is a paragraph with little content.</p>

</body>

[/php]

میتوانید خروجی این مثال را این لینک ببینید.

[/cdb_box_content]
دسته بندی JQuery
اشتراک گذاری
مقالات مرتبط

دیدگاهتان را بنویسید

سبد خرید

هیچ محصولی در سبد خرید نیست.