jQuery फीडइन अपने कॉलबैक में दो बार चलाता है

Question

var counter = 0; 
jQuery("#div1, #div2").fadeIn('300',function(){ 
{ 
    counter++; 
    console.log(counter); 
} 

ऊपर दिया गया कोड "1" और "2" प्रिंट करेगा क्योंकि jQuery फीडइन दो अलग-अलग डॉम ऑब्जेक्ट्स पर निहित है। क्या इस कोड को तोड़ने के बिना इसे केवल एक बार चलाने के लिए वैसे भी है?

Answer 1

यह एक त्वरित समाधान नहीं बल्कि सबसे अच्छा

var myFlag = true; 
jQuery("#div1, #div2").fadeIn('300',function(){ 
{ 
    if(myFlag == true) 
    { 
     // write the code here 
     myFlag = false; 
    } 
} 

आशा इस मदद करता है ... मुहम्मद है।

Answer 2

आप इसे दो बार चलाने के लिए स्पष्ट रूप से कह रहे हैं क्योंकि आपने दो वस्तुओं के चयनकर्ता को परिभाषित किया है। आप इसे एक बार चलाने के लिए चाहते हैं, एक आइटम पर चलने के लिए पूछना:

jQuery("#div1") 

Answer 3

एक सरल समाधान:

$("#div1").fadeIn(300); 
$("#div2").fadeIn(300,function(){ 
    // do something only once 
}); 

साफ समाधान है उपयोग करने के लिए jQuery's promise system:

$.when($("#div1, #div2").fadeIn('300')).done(function(){ 
    // do something only once 
}); 

demonstration

Answer 4

अपने कोड क्रमबद्ध के संदर्भ में:

jQuery("#div1, #div2").fadeIn('300',function(){ 
    counter++; 
    console.log(counteR); 
}); 

jQuery("#div1, #div2").each(function(){ 
    jQuery(this).fadeIn('300',function(){ 
     counter++; 
     console.log(counteR); 
    }); 
}) 

अतः अपने कॉलबैक jQuery 1.6 में

Answer 5

उपयोग नई .promise() प्रत्येक तत्व के लिए सक्रिय कर देगा, इसे हल करने कि कई कॉलबैक समस्या है, तो की तरह उपयोग किया गया था के रूप में ही है:

var counter = 0; 
jQuery("#div1, #div2").fadeIn('300').promise().done(function() 
{ 
    counter++; 
    console.log(counter); 
});