jQuery-de effektiň gutarnyşyndan soňky hereket

Käwagt, effektiň gutarnyşyndan soň käbir hereketleri ýerine ýetirmek zerurlygy ýüze çykyp biler. Mysal üçin, düwmä basylanda käbir blok peselmän gaçyrmaly we diňe ol doly gaçyrylandan soň, ekrana bir zady çykarmaly.

Eger diňe kod setirlerini biri- biriniň yzýerinden ýazsaňyz - element heniz gaçyrylmanka, indiki kod setiriniň ýerine ýetirilmegi başlar - we isleýän zadymyz çykmaýar. Düwmä basyň - element gaçyrylýar we derrew düwmaniň teksti üýtgeýär.

Indiki mysala serediň. Bizde indiki HTML kody bar:

<button id="hide">hide</button>
<div id="elem">text...</div>

Bu koda CSS ýazyldy:

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

Javascript kody şeýle görünýär:

$('#hide').click(function() {
	$('#elem').hide(1000);
	$('#hide').html('hidden');
});

Beýle meseleleriň öňüni almak üçin, animasiýa we effektler bilen işleýän ähli usullarda, göz öňünde tutulýan şeýle hökmany däl parametr bar, biz onda animasiýanyň gutarnyşyndan soň ýerine ýetiriler callback-funksiýasyny geçirip bileris. Biziziň ýagdaýymyzda biz callback-funksiýasyny hide usulyna geçirdik, we bu funksiýanyň gurrugynda düwmaniň adyny üýtgetdik:

$('#hide').click(function() {
	$('#elem').hide(1000, function() {
		$('#hide').html('hidden');
	});
});