कोई प्रभाव समाप्त होने तक प्रतीक्षा करने के लिए jQuery कैसे प्राप्त करें?

Question

मुझे यकीन है कि मैंने इस बारे में दूसरे दिन पढ़ा है लेकिन मुझे इसे कहीं भी नहीं मिल रहा है।
मेरे पास 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 
}); 

Documentation here:

Answer 1

आप एक कॉलबैक फ़ंक्शन निर्दिष्ट कर सकते हैं।

Answer 2

अगर आप इसे स्विच करना चाहते हैं, एक को लुप्त करना और एक ही स्थान पर एक दूसरे को लुप्त करना चाहते हैं, तो आप divs पर एक {position: absolute} विशेषता डाल सकते हैं, इसलिए दोनों एनिमेशन एक दूसरे के शीर्ष पर खेलते हैं, और आप अगली शुरू करने से पहले एक एनीमेशन खत्म होने की प्रतीक्षा न करें।

Answer 3

jQuery 1.6 संस्करण के साथ आप .promise() विधि का उपयोग कर सकते हैं।

$(selector).fadeOut('slow'); 
$(selector).promise().done(function(){ 
    // will be called when all the animations on the queue finish 
}); 

Answer 4

साथ ही आप $.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"?'); 
    });