jQuery Animate 图标居中，加上 x 像素答案

【问题标题】：jQuery Animate icon to center, plus x pixelsjQuery Animate 图标居中，加上 x 像素
【发布时间】：2017-02-13 19:34:23
【问题描述】：

我试图让 3 个图标动画到 div 的中心。我遇到的问题是它们都动画到中心并最终彼此重叠。我希望它们都分开大约 30 像素。到目前为止，这是我所拥有的：

$(function(){
    $("#instagram").delay('1000').animate({right: $(window).width() / 2}, 200);
    $("#twitter").delay('1000').animate({right: $(window).width() / 2}, 150);
    $("#facebook").delay('1000').animate({right: $(window).width() / 2}, 100);
   });

添加“+=30px”或“-=30px”似乎应该很容易，但我似乎无法让它工作。

【问题讨论】：

标签： jquery icons jquery-animate

【解决方案1】：

知道了。对我来说，它放错了位置（）。他们需要附上数学，而不是位置，在这种情况下，“正确”。工作代码如下。

$(function(){
    $("#instagram").delay('1000').animate({right: ($(window).width() / 2) -30}, 200);
    $("#twitter").delay('1000').animate({right: $(window).width() / 2}, 150);
    $("#facebook").delay('1000').animate({right: ($(window).width() / 2) +30}, 100);
   });

【讨论】：