私はjQueryIsotopeを使用して、マルチ幅マルチハイトグリッド(等しい比率)のスペースを埋めています。
グリッドは、ソート後にIsotopeに戻るボタンを備えたui-sortableを使用してソートされます。空のブロックを残すソート順がいくつかあります。アイソトープを使用してスペースを埋めるにはどうすればよいですか?
私は複数の同位体レイアウト方法を試しました。
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
}
});
});
});
うだて:
望ましい効果はFirefox4、IE 8および9で達成されますが、問題はGoogle Chrome(最新バージョンの安定チャネル)にあるようです。