無法以正確的順序動畫元素？

我有一個問題，淡出等待動畫結束之前，它開始淡出，即使它應該先淡出。無法以正確的順序動畫元素？

有什麼辦法讓它同時發生？

$('.hover-div').mouseout(function() { 

     $('div.hidden').fadeOut(); // this happens AFTER the following animations are done 

     $('.carousel-bg').animate({ 
      'top': 112, 
      'height': 130 
     }, 200); 

     $('div.carousel-holder div.text').animate({ 
      'top': 125 
     }); 
    });

來源

2014-01-21 Olivera Kovacevic

可以爲用戶提供您的問題孤立的例子？ –

不是。它發生在使用某個插件的頁面上，並且太多了。無論如何，是否有可能在同一時間發生這兩個問題幾乎是個問題。 –

是的，這是可能的，但它不應該表現得那樣，即使它是排隊的，第一個被調用的動畫應該先運行，如果它是相同的元素，它只會以這種方式排隊，所以別的是錯誤的。 – adeneo

管理在milliseconds您的顯示速度試試這個： -

$('div.hidden').fadeOut(50); 

    $('.carousel-bg').animate({ 
     'top': 112, 
     'height': 130 
    }, 200); 

    $('div.carousel-holder div.text').animate({ 
     'top': 125 
    }, 200);

來源

2014-01-21 08:58:52 Anup

你能否請你解釋一下你的答案。 –

它只是一個速度差。簡單 – Anup

$('.hover-div').mouseout(function() { 


     $('.carousel-bg').animate({ 
      'top': '112px', 
      'height': '130px' 
     }, 200); 

     $('div.carousel-holder div.text').animate({ 
      'top': '125px' 
     }, function() { $('div.hidden').fadeOut(); }); 
    });

來源

2014-01-21 09:13:37

這將在最後淡出......他在開始時需要它。 – Anup

無法以正確的順序動畫元素？

回答

相關問題