jQuery Isotope可能的Chrome Bug?

时间:2011-06-03 22:27:49

标签: 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

        }
    });
});
});

UDATE:

在Firefox 4和IE 8& 9但问题似乎与谷歌Chrome(最新版稳定频道)有关。

铬:

enter image description here

Firefox 4:

enter image description here

1 个答案:

答案 0 :(得分:1)

我发现在我的情况下使用早期版本的jquery,1.4.1。我移动到1.7.1,现在一切正常。