如何在Jquery的同时为不同的选择器设置动画

时间:2017-04-23 21:21:07

标签: jquery

好的,我对jquery很生气。我无法同时为多个选择器制作动画。从目前为止学到的东西,你需要一个$(document).ready(),其中输入了function(){}。所以我有:

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

它工作正常。但是当我添加第二个带有不同动画的选择器时:

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

什么都没发生。为什么这样以及如何执行动画?

1 个答案:

答案 0 :(得分:0)

您很可能错过了row_data = ['', 1, :cat, {}, [], nil] row_data.tap { |rd| rd.pop while (rd.last.nil? || (row_data.last.respond_to?(:empty?) && row_data.last.empty?)) } #=> ["", 1, :cat] position元素的.bio样式;动画元素的位置需要有效的初始设置。

示例:

.web

这是一个我已连线的示例,它按预期使用相对定位的元素: https://codepen.io/anon/pen/bWwbqr