jQuery Isotope布局初始化，间距不一致

Question

我正在使用Isotope进行布局。如下所示，网格初始化时间距不一致。如果我立即通过过滤再次调用isotope函数，问题仍然存在。但如果我将其包裹在setTimeout中，问题就解决了。

以下是创建间距不一致的布局的JavaScript：

var $container = $('#isotope').isotope({
    itemSelector: '.tag-box',
    layoutMode: 'fitRows',
    sortBy: 'name',
    getSortData: {
        name: '.tag-name'
    }
});

// This will fix the issue:
// setTimeout(function() {
//     $container.isotope({filter: '*'});
// }, 0);

$('#filters').on('click', 'button', function() {
    var filterValue = $(this).attr('data-filter');
    $container.isotope({filter: filterValue});
});

现在setTimeout还可以，但有没有办法用均匀间距初始化布局？

Answer 1

如果没有jsfiddle或链接，很难看到，但为什么在执行此操作时使用setTimeout：

message