jquery - Jquery Isotope - 使项目始终扩展到相同的位置

Question

我正在使用 jquery isotope 开发图像库，当用户单击图像的缩略图时，它将展开，如同位素示例 (http://isotope.metafizzy.co/demos/elements-complete .html)

我遇到的问题是我希望每个图像都展开到相同的位置，即总是展开到页面的最左上角，而不管点击的是什么缩略图。

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

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

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

任何帮助深表感谢。

Answer 1

Think the last line of the js might be causing the problem.. Try this.. haven't tested for various container sizes tho.. http://jsfiddle.net/H5jYh/

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