Я использую jQuery Isotope , чтобы заполнить пробелы в многослойной сетке с несколькими высотами (равные пропорции).
Сетка сортируется с помощью пользовательского интерфейса скнопка, чтобы переключиться обратно на изотоп после сортировки.Есть некоторые сортировки, которые оставляют пустые блоки.Как я могу использовать Изотоп для заполнения пробелов?
Я экспериментировал с несколькими методами компоновки Изотопов.
$(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(Последняя версия стабильного канала).
Chrome:
Firefox 4: