如何動畫不同的選擇器在同一時間jquery

好吧，我對jquery很粗糙。我無法同時動畫多個選擇器。從目前學到的東西中，您需要一個$（document）.ready（），其中輸入了function（）{}。所以我有：如何動畫不同的選擇器在同一時間jquery

$(document) .ready(function(){ 
     $('.bio').animate(
      { 
      left:'50px' 
      }, 2500); 
    });

它工作正常。但是，當我添加一個不同的動畫的第二個選擇器：

$(document) .ready(function(){ 
     $('.bio').animate(
      { 
      left:'50px' 
      }, 2500); 
**$('.web').animate(
     { 
     right:'50px' 
     }, 2000);** 
    });

什麼也沒有發生。爲什麼會這樣以及如何執行動畫？

來源

2017-04-23 Eddie Weldon

是什麼''**代表？ – Paolo

我試圖大膽指定，但它給了它* –

你不能大膽的代碼 - 使用評論/// * * /評論代碼 – Paolo

您很可能在您的.bio和.web元素上缺少position樣式;動畫元素的位置需要有效的初始設置。

例子：

.bio, .web { 
    position: relative; 
}

下面是與相對定位的元素預期工作，我有線了一個例子： https://codepen.io/anon/pen/bWwbqr

來源

2017-04-23 23:02:24 Stevangelista

好吧，所以我採取了生物和網絡類，併爲他們兩個創建了一個普通的類投資組合。然後在CSS中，我將投資組合類修改爲相對。你的代碼，點擊說，但我把它拿出來，因爲我想在頁面加載時發生動畫。生物仍然工作，但社會沒有。我將使用代碼筆，以便您更好地理解我正在談論的 –

我很快就會談到它，它工作正常！欣賞它！我想知道是否有任何工具可用於瞭解有關jQuery的更多信息？ –

埃迪很高興。我個人是Pluralsight的電子學習愛好者;很多優秀的課程，非常具有互動性和基於真實世界的場景。 – Stevangelista

如何動畫不同的選擇器在同一時間jquery

回答

相關問題