jQuery slice（）和remove（）然后调用jQuery同位素重新排列布局

Question

我正在这个网站上http://www.mtgmusic.no/

我想要的是只显示25个帖子，并通过再次调用.dcsns-li重新排列整个div divs（ .dcsns-li ）。

这是我的代码：

jQuery(window).load(function(){
  var nPosts = jQuery(".dcsns-li").length;
  console.log(nPosts);
  var deletePost = nPosts - 25;
  jQuery('body').find(".dcsns-li").slice(-nPosts,-deletePost).remove();

  var $container = $('.stream');
  $container.isotope({
     // options
    itemSelector: '.dcsns-li',
    layoutMode: 'fitRows'
  });
});

这段代码的问题是我得到的这些div不一致对齐。 有时div聚集在左侧，它们排在左侧（这偶​​尔发生，很奇怪吧？）

我在那些div上也有很大的差距

有什么办法可以解决此问题或解决方法吗？

对你的帮助表示感谢！

谢谢！ :)

Answer 1

避免缝隙使用砌体布局

$container.isotope({ layoutMode: 'masonry' });

请参阅布局模式文档