使用.animate：lt（）选择器

Question

我有以下工作代码，执行onclick：

  $waste.append($stock
    .children('.container:lt(3)')
    .css( 'left', function(i) {return ['0rem', '2rem', '4rem'][i];})
  );

它显示3个div位于左侧div边界的0,2和4 rem。这一切都显示正确。

但是......我不想让这3个DIV只出现在他们给定的位置，我想将它们移动到那个位置。这该怎么做？我尝试过这样的事情：

  $waste.append($stock
    .children('.container:lt(3)')
    .animate( left: function(i) {return ['0rem', '2rem', '4rem'][i];}, 200)
  );

但这似乎不起作用。任何人都知道如何实现这个目标？

非常感谢

Answer 1

在css中添加转换：

.container {
    transition: left .5s ease;
}