jQuery .delay() .html() फ़ंक्शन

Question

मैं एक div बाहर हो जाते हैं, उसकी सामग्री की जगह है, और यह में वापस फीका करने के लिए एक छोटे से जावास्क्रिप्ट चाल करने के लिए कोशिश कर रहा हूँ में देरी नहीं। .html घटना सामग्री को बदल रहा है पहले fadeOut पूरा हो गया है ...

$("#products").fadeOut(500) 
       .delay(600) 
       .html($("#productPage" + pageNum).html()) 
       .fadeIn(500); 

यह कि .html().delay() विधि की देरी नहीं की जा रही है प्रकट होता है।

Answer 1

delay अपने मामले के लिए काम करेंगे जब queue इस तरह के साथ प्रयोग किया है:

$("#products").fadeOut(500) 
    .delay(600) 
    .queue(function(n) { 
     $(this).html("hahahhaha"); 
     n(); 
    }).fadeIn(500);​ 

इसे यहाँ का प्रयास करें: http://jsfiddle.net/n7j8Y/

Answer 2

आप fcallback फ़ंक्शन पैरामीटर का उपयोग करके fadeOut पूर्ण होने पर परिवर्तन करने के लिए इसे बदल सकते हैं।

तो यह हो जाता है:

$("#products").fadeOut(500, function() { 
    $(this).html($("#productPage" + pageNum).html()); 
    $(this).fadeIn(500); 
}); 

Answer 3

शायद "कतार" जिस तरह से यह ठीक है, लेकिन यह जावास्क्रिप्ट समाधान मेरे लिए बेहतर काम करता है:

setTimeout (function(){ 
     $("#products").html('Product Added!'); 
    },1000);