আমি নিশ্চিত যে আমি এই সম্পর্কে অন্য দিন পড়েছি তবে আমি এটি কোথাও খুঁজে পাচ্ছি না।
আমার একটি fadeOut()ইভেন্ট রয়েছে যার পরে আমি উপাদানটি সরিয়ে ফেলি, তবে jQuery উপাদানটি ম্লান হয়ে যাওয়ার সমাপ্তির আগে উপাদানটি সরিয়ে ফেলছে।
উপাদানটি বিবর্ণ না হওয়া পর্যন্ত আমি কীভাবে jQuery অপেক্ষা করতে পারি, তারপরে এটি সরিয়ে ফেলতে পারি?
উত্তর:
আপনি একটি কলব্যাক ফাংশন নির্দিষ্ট করতে পারেন:
$(selector).fadeOut('slow', function() {
// will be called when the element finishes fading out
// if selector matches multiple elements it will be called once for each
});
JQuery 1.6 সংস্করণ সহ আপনি .promise()পদ্ধতিটি ব্যবহার করতে পারেন ।
$(selector).fadeOut('slow');
$(selector).promise().done(function(){
// will be called when all the animations on the queue finish
});
promise()বা when()এবং done()আপনি তৃতীয় পক্ষের পদ্ধতিগুলি বা এমনকি আপনার নিজস্ব থেকেও খুব শীতল আচরণের সুযোগ নিতে পারেন। অর্থের জন্য +1 .promise()!
$(selector).fadeOut('slow').promise().done(function(){...});
সমাপ্ত $.when()না হওয়া পর্যন্ত আপনি অপেক্ষা করতেও ব্যবহার করতে পারেন promise:
var myEvent = function() {
$( selector ).fadeOut( 'fast' );
};
$.when( myEvent() ).done( function() {
console.log( 'Task finished.' );
} );
আপনি যদি এমন একটি অনুরোধ করছেন যা ব্যর্থ হতে পারে তবে আপনি আরও একধাপ এগিয়ে যেতে পারেন:
$.when( myEvent() )
.done( function( d ) {
console.log( d, 'Task done.' );
} )
.fail( function( err ) {
console.log( err, 'Task failed.' );
} )
// Runs always
.then( function( data, textStatus, jqXHR ) {
console.log( jqXHR.status, textStatus, 'Status 200/"OK"?' );
} );
$.when()করে না কারণ myEvent()কোনও প্রতিশ্রুতি দেয় না এবং $.when()আশা করে যে আপনি এটির কাজটি করার জন্য এক বা একাধিক প্রতিশ্রুতি দিয়েছিলেন।
যদি আপনি এমন কিছু পরিবর্তন করতে চান যা এক জায়গায় ফিড হয়ে যায় এবং অন্যটিকে একই জায়গায় ফিড করে, আপনি ডিভগুলিতে একটি {অবস্থান: পরম} বৈশিষ্ট্য রাখতে পারেন, তাই উভয় অ্যানিমেশন একে অপরের শীর্ষে বাজায়, এবং আপনার কাছে নেই পরবর্তী শুরু করার আগে একটি অ্যানিমেশন শেষ হয়ে যাওয়ার জন্য অপেক্ষা করুন।