如何动画不同的选择器在同一时间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);** 
    });

什么也没有发生。为什么会这样以及如何执行动画？

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

我试图大胆指定，但它给了它* –

你不能大胆的代码 - 使用评论/// * * /评论代码 – Paolo

答

您很可能在您的.bio和.web元素上缺少position样式;动画元素的位置需要有效的初始设置。

例子：

.bio, .web { 
    position: relative; 
}

下面是与相对定位的元素预期工作，我有线了一个例子： https://codepen.io/anon/pen/bWwbqr

好吧，所以我采取了生物和网络类，并为他们两个创建了一个普通的类投资组合。然后在CSS中，我将投资组合类修改为相对。你的代码，点击说，但我把它拿出来，因为我想在页面加载时发生动画。生物仍然工作，但社会没有。我将使用代码笔，以便您更好地理解我正在谈论的 –

我很快就会谈到它，它工作正常！欣赏它！我想知道是否有任何工具可用于了解有关jQuery的更多信息？ –

埃迪很高兴。我个人是Pluralsight的电子学习爱好者;很多优秀的课程，非常具有互动性和基于真实世界的场景。 – Stevangelista

如何动画不同的选择器在同一时间jquery

相关推荐