Jquery Isotope - 使物品始终扩展到相同的位置

Question

我正在使用jquery同位素开发图像库，当用户点击图像的缩略图时，它将展开，如同位素示例中所示（http://isotope.metafizzy.co/demos/元件-complete.html）

我遇到的问题是我希望每个图像都扩展到相同的位置，即无论点击什么缩略图，它都会扩展到页面的最左上方。

我玩过，我可以通过添加以下代码使图像显示在左上方展开，但是当我这样做时，它会扩展到某些缩略图的顶部。

$(this).css({"-webkit-transform": "translate3d(5px, 5px, 0px)"});

这是我到目前为止所拥有的...... http://jsfiddle.net/supersav144/f33UW/

非常感谢任何帮助。

Answer 1

认为js的最后一行可能会导致问题..尝试这个..没有测试过各种容器尺寸...... http://jsfiddle.net/H5jYh/

    $container
  // update sort data on changed items
  .isotope('updateSortData', $this )
  .isotope('updateSortData', $previousLargeItem )
  // trigger layout and sort
  .isotope('reLayout');