在不同的時間與回調動畫相同的元素

我現在有一些問題。我試圖做這項工作，但我測試了其中一件事情沒有奏效，或者沒有按照預期工作。在這種情況下，回調不起作用。我需要有三個動畫，其中一個回調，在同一個元素上有不同的時間。在不同的時間與回調動畫相同的元素

$('#hey').animate({ 
 
    'margin-left': '100px', 
 
}, {queue: false, duration: 1000}); 
 

 
$('#hey').animate({ 
 
    'margin-top': '100px', 
 
}, {queue: false, duration: 1500}, function() { 
 
    alert('hey'); // <-- this doesn't work --> 
 
}); 
 

 
$('#hey').animate({ 
 
    'height': '190px', 
 
}, {queue: false, duration: 2000});

#hey { 
 
    width: 50px; 
 
    height: 50px; 
 
    background-color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="hey"></div>

來源

2017-04-22 ClaraFrazao

使用complete財產

$('#hey').animate({ 
    'margin-top': '100px', 
}, { 
    queue: false, 
    duration: 1500, 
    complete: function() { 
     // Callback here 
     alert('hey'); // In your case... 
    } 
});

也請注意，因此不以閱讀文檔自己

來源

2017-04-22 10:47:59

你是正確的，直到某一點的替代品。但請注意，如果所有用戶閱讀文檔，則沒有90％的問題發佈在SO上。 – Miguel

謝謝。這工作 – ClaraFrazao

在不同的時間與回調動畫相同的元素

回答

相關問題