Jquery - प्रदर्शन करना कॉलबैक के बाद

Question

मैं एक सूची के लिए सामग्री जोड़कर कर रहा हूँ का उपयोग कर संलग्न:

$('a.ui-icon-cart').click(function(){ 
     $(this).closest('li').clone().appendTo('#cart ul'); 
    }); 

मैं संलग्न सामग्री के लिए आगे कार्य करने के लिए चाहते हैं (परिवर्तन वर्ग, एनिमेशन आदि लागू)

मैं कैसे कर सकता है इस फ़ंक्शन पर कॉलबैक करें जो मुझे संलग्न डेटा पर फ़ंक्शंस करने की अनुमति देगा?

Answer 1

jQuery के .each() कॉलबैक फ़ंक्शन लेता है और jQuery वस्तु में प्रत्येक तत्व के लिए यह लागू होता है।

$('a.ui-icon-cart').click(function(){ 
    $(this).closest('li').clone().appendTo('#cart ul').each(function() { 
    $(this).find('h5').remove(); 
    $(this).find('img').css({'height':'40px', 'width':'40px'}); 
    $(this).find('li').css({'height':'60px', 'width':'40px'}); 
    }); 
}); 

आप, साथ ही परिणाम और काम उस पर बजाय संग्रहीत कर सकती है:

$('a.ui-icon-cart').click(function(){ 
    var $new = $(this).closest('li').clone().appendTo('#cart ul') 
    $new.find('h5').remove(); 
    $new.find('img').css({'height':'40px', 'width':'40px'}); 
    $new.find('li').css({'height':'60px', 'width':'40px'}); 
}); 

मैं भी तरह है कि आप बस सीएसएस mofiying के बजाय कि सुझाव है

कुछ इस तरह की कल्पना इस तरह अपने क्लोन ली में एक वर्ग जोड़ें:

$(this).closest('li').clone().addClass("new-item").appendTo('#cart ul'); 

फिर कुछ शैलियों को सेट करें जैसे:

.new-item img, .new-item li { height: 40px; width: 40px; } 
.new-item h5 { display: none } 

Answer 2

आप अर्धविराम पर आगे के संचालन को बरकरार रख सकते हैं।

$(this).closest('li').clone().appendTo('#cart ul').addClass('busy').fade('fast'); 

आदि

Answer 3

दुर्भाग्य से डोम ऑपरेशंस में कॉलबैक जोड़ना ऐसा कुछ नहीं है जो जावास्क्रिप्ट का उपयोग करके एक साफ फैशन में किया जा सकता है। इस कारण से यह jQuery पुस्तकालय में नहीं है। टाइमर "1ms" के साथ एक सेटटाउटआउट हमेशा कॉल स्टैक के नीचे सेटटाउटआउट में फ़ंक्शन डालता है। यह काम करता है! Underscore.js लाइब्रेरी _.defer में इस तकनीक का उपयोग करती है, जो वही करता है जो आप चाहते हैं।

$('a.ui-icon-cart').click(function(){ 
    $(this).closest('li').clone().appendTo('#cart ul'); 
    setTimeout(function() { 
     // The LI is now appended to #cart UL and you can mess around with it. 
    }, 1); 
});