Амал баъди охири таъсир дар jQuery

Гаҳе шумо бояд баъди охири таъсир амалеро иҷро кунед. Масалан, бо пахши тугма як блок бояд ором пинҳон шавад ва фақат баъд аз он ки он комилан пинҳон шуд, баъзе чиҳоро ба экран чоп кунед.

Агар фақат сатрҳои кодро як баъди дигар нависед - унсур ҳанӯз вақт надорад, ки пинҳон шавад, ки сатри навбатии код иҷро мешавад - ва он чи ки мо мехостем, ба даст намеояд. Тугмаро пахш кунед - унсур пинҳон шуданро оғоз мекунад ва фаврӣ матни тугма иваз мешавад.

Ба мисоли зерин нигаред. Бигзор мо HTML коди зеринро дорем:

<button id="hide">pinҳon кардан</button>
<div id="elem">матн...</div>

Ба ин код CSS мувофиқ карда шудааст:

#elem {
	padding: 10px;
	width: 150px;
	height: 150px;
	border: 1px solid green;
	margin-top: 10px;
}

Javascript код инҳоро менамояд:

$('#hide').click(function() {
	$('#elem').hide(1000);
	$('#hide').html('pinҳon шуд');
});

Барои аз чунин мушкилиҳо ҷолиб шудан, дар ҳамаи усулҳои кор бо аниматсия ва таъсирҳо чунин параметри ихтиёрӣ пешбинӣ шудааст, ки мо метавонем callback-функсияро гузаронем, ки баъди охири аниматсия иҷро мешавад. Дар ҳолати мо, мо callback-функсияро ба усули hide, гузарондем, ва ҳоло дар бадани ин функсия номи тугмаро иваз кардем:

$('#hide').click(function() {
	$('#elem').hide(1000, function() {
		$('#hide').html('pinҳon шуд');
	});
});