jquery - 找到新的元素位置并移动到那里

Question

我有一个无序列表，它显示为向左浮动的块，并使用 jQuery 根据它们的类过滤掉不同的块。这具有从列表中出来的框和其余框聚在一起的效果，并且当列表更改时，一些其他的消失而其他的出现。移动是即时的，我希望他们移动到新位置，但是如何获取每个盒子的新位置以便将其移动到那里？他们的位置没有设定值，因此需要即时解决。

如果您需要查看任何演示或代码，它基于此处的脚本：http ://web.enavu.com/tutorials/client-side-filtering-data-with-jquery/以及一些小的 css jQuery 修改。

我的代码：

$(document).ready(function(){
  $('#filters a').click(function(e){
    e.preventDefault();
    var filter = $(this).attr('id');
    $('#content ul li:not(.' + filter + ')').fadeOut('slow').removeClass('visible');
    $('#content ul li.' + filter + '').fadeIn('slow').addClass('visible');
  });
  $('#content ul li').hover(function(){
    $(this).addClass('li_hover');
  },function(){
    $(this).removeClass('li_hover');
  });
});

您可以在http://jsfiddle.net/brewtime/uDtR6/的 JS Fiddle 上查看它

任何想法表示赞赏，谢谢。