ajax - 同位素 jQuery 库的 Minima.pl 实现？

Question

我不明白的一件事是 Minima.pl (http://minima.pl/pl) 是如何在 Isotope 库中实现该功能的，在该库中单击缩略图会打开更大的图像库(单个可单击图像, 单击它会循环浏览图库中的其余图像)同时使用同位素元素？

这是我走了多远 -> http://tinyurl.com/cr5kzml

有人对我缺少的东西有任何想法，我该如何让它发挥作用？

Answer 1

好吧，我是 minima.pl 网站的作者 ;)。

在放大点击后负责重新定位图 block 的部分:

$('#mainContent').isotope('reLayout', function(){
  $('html, body').animate({scrollTop: item.offset().top - 10}, 400);
});

它还负责将浏览器窗口滚动到单击的磁贴顶部。

我在加载点击的图 block 内容(通过 AJAX)后触发上述操作。诀窍是在放大点击的图 block 的同时触发它。

我很乐意回答任何其他问题。