链接 jQuery 动画

我已经编写了将动画链接在一起的代码（即向左移动，然后向右移动）。

我有20个<li>标签排列在网格中，我正在为主要动画<ul>移动所需的<li>进入视野。

Code:
x 和 y 是坐标，
多快设置为 1200，
easeItIn 设置为“easeOutBounce”

if ($(window).width()<1259) { 
  if (screenFlipMode == "chained") {
    (function(x, y) { //Small Chained
      $('.elements').animate({
        top: y+'px'
      }, howFast, easeItIn,function() {
        $('.elements').animate({
          left: x+'px'
        }, howFast, easeItIn);
      });
   })(x,y); 
}

现在，我遇到的问题是，如果我想从第一个<li>到第二个<li>然后它仍然尝试移动 Y 轴（这意味着我必须等待 1200m/s 直到 X 轴动画开始发挥作用）。

所以...可爱的人们...我的问题是，我怎样才能写一个if子句会说“如果目标<li>在同一行，那么不做Y轴动画...？

[EDIT]我的网格设置如下，我想根据下一个目的地是否位于同一行来禁用 Y 轴或 X 轴。 （下图）。

替代文本 http://demo.squeezedigital.com/barrie-test/jquery-grid.gif http://demo.squeezedigital.com/barrie-test/jquery-grid.gif

>.

默认情况下，动画是排队的，因此在第一个动画的回调中应用第二个动画是没有意义的。

通过使用filter()您可以过滤掉所有不在同一行的元素，然后仅应用y动画给他们，然后你可以应用x整个集合的动画。

$('.elements')
    .filter(function(){
        return $(this).offset().top !== y;
    })
    .animate({
        top: y
    }, howFast, easeItIn)
    .end().animate({
        left: x
    }, howFast, easeItIn);