我正在使用jQuery Isotope填充多宽度多高度网格(等比例)上的空间。
网格使用 ui-sortable 进行排序,并带有一个按钮以在排序后切换回 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
}
});
});
});
日期:
在 Firefox 4 和 IE 8 和 9 中实现了预期的效果,但问题似乎出在 Google Chrome(最新版本稳定频道)。