jQuery Isotope可能的Chrome Bug?

Chr*_*s_O 7 jquery jquery-isotope

我正在使用jQuery Isotope来填充多宽度多高度网格(等比例)的空间.

使用带有按钮的ui-sortable对网格进行排序,以便在排序后切换回Isotope.有一些排序顺序留空块.如何使用Isotope填充空格?

我已经尝试了多种Isotope布局方法.

http://jsfiddle.net/zdSYG/41/

$(document).ready(function() {

var $itemList = $('#sortable');

    $itemList.isotope({
    resizesContainer: false,
    masonry: {
        rowHeight: 250,
        columnWidth: 325
    }
});

$('#wp-admin-bar-edit').click(function() {
    $itemList.isotope('destroy');

    $itemList.sortable({

        //Do Ajax Stuff with UI-Sort Order
    });

});
});
//Toggle back to Isotope after jQuery UI-Sortable Ajax stuff
$(document).ready(function() {
$('#wp-admin-bar-sort').click(function() {
    $('#sortable').isotope({
        resizesContainer: false,
        masonry: {
            rowHeight: 250,
            columnWidth: 325

        }
    });
});
});
Run Code Online (Sandbox Code Playgroud)

UDATE:

在Firefox 4和IE 8&9中实现了预期的效果,但问题似乎与谷歌Chrome(最新版稳定频道)有关.

铬:

在此输入图像描述

Firefox 4:

在此输入图像描述

小智 1

我发现这是当我使用早期版本的jquery时,在我的例子中是1.4.1。我迁移到 1.7.1,现在一切正常。