7

私は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(最新バージョンの安定チャネル)にあるようです。

クロム:

ここに画像の説明を入力してください

Firefox 4:

ここに画像の説明を入力してください

4

1 に答える 1

1

私の場合は1.4.1の以前のバージョンのjqueryを使用していたときでした。1.7.1 に移行しましたが、現在はすべて正常に動作しています。

于 2012-04-01T09:54:55.440 に答える