एनिमेट का कॉलबैक फ़ंक्शन (पूर्ण) प्रारंभ में निष्पादित किया गया?

Question

मैं jQuery 1.5.1 का उपयोग कर रहा यह मेरा कोड है:

$('.cellcontent').animate({ 
    left: '-=190'}, { 
    easing: alert('start ani'), 
    duration: 5000, 
    complete: alert('end ani')}); 

से पहले एनीमेशन शुरू होता है मैं दोनों अलर्ट प्राप्त !? मैं एनीमेशन समाप्त होने के बाद पूरा कार्य शुरू करना चाहता हूं। कोई विचार?

Answer 1

आपको कॉल करने के लिए एक फ़ंक्शन पास करने की आवश्यकता है। इसके बजाय आप फ़ंक्शन को कॉल कर रहे हैं।

complete: function() { alert('end ani'); } 

Answer 2

आपको पूरा करने के लिए एक फ़ंक्शन पास करने की आवश्यकता है।

इस प्रयास करें:

$('.cellcontent').animate({ 
    left: '-=190'}, { 
    easing: alert('start ani'), 
    duration: 5000, 
    complete: function() { alert('end ani') } 
}); 

पूरा के बाद से एक समारोह की उम्मीद है, यह कोड आप इसे पारित एक समारोह उद्देश्य यह है कि इसे वापस काम पूरा हो जाने के लिए कॉल कर सकते हैं पाने के लिए निष्पादित करता है।

Answer 3

एक समारोह में उन्हें घोषित पहले, अन्यथा विधि तुरन्त कहा जाता है:

var onComplete = function() { 
    alert('end ani'); 
}; 

फिर उन्हें()

$('.cellcontent').animate({ 
    left: '-=190'}, { 
    easing: 'slow', 
    duration: 5000, 
    complete: onComplete //<-- function is passed as a variable, not called directly 
}); 

या बिना फोन उन्हें एक समारोह में सीधे लपेट (कम इसे बहुत कॉल करते समय पठनीय और धीमी):

$('.cellcontent').animate({ 
    left: '-=190'}, { 
    easing: 'slow', 
    duration: 5000, 
    complete: function() { 
     alert('end ani'); 
    } 
}); 

Answer 4

मुझे दो चीजों को गलत लगता है।

एक, easing होना चाहिए:

A string indicating which easing function to use for the transition

और complete एक समारोह होना चाहिए।

http://api.jquery.com/animate

alert('start ani'); 
$('.cellcontent').animate({ 
    left: '-=190' 
    }, 
    { 
    easing: 'swing', 
    duration: 5000, 
    complete: function(){ 
     alert('end ani'); 
    } 
}); 

Answer 5

$('.cellcontent').animate({ 
    left: '-=190', 
    easing: 'slow', 
    duration: 5000, 
    function() { 
    alert('end ani'); 
    } 
}); 

Answer 6

मुझे लगता है कि आप की जरूरत "पूर्ण" न?

slideToggle(
 
\t \t \t \t \t "fast","swing", function(){ 
 
\t \t \t \t \t \t \t // your code here 
 
\t \t \t \t \t \t } 
 
\t \t \t \t);

Answer 7

बेस्ट समाधान यह है।

$('.cellcontent').animate({ 
    left: '-=190'}, { 
    easing: alert('start ani') 
}, duration).promise().done(function() { 
    alert('end animation'); 
}); 

Answer 8

jquery docs से

:

$("#clickme").click(function() { 
    $("#book").animate({ 
    opacity: 0.25, 
    left: "+=50", 
    height: "toggle" 
    }, 5000, function() { 
    // Animation complete. 
    }); 
});