jQuery Изотоп Возможна ли ошибка Chrome? - PullRequest
7 голосов
/ 04 июня 2011

Я использую jQuery 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(Последняя версия стабильного канала).

Chrome:

enter image description here

Firefox 4:

enter image description here

1 Ответ

1 голос
/ 01 апреля 2012

Я обнаружил, что это было, когда я использовал более раннюю версию jquery, 1.4.1 в моем случае.Я перешел на 1.7.1 и теперь все работает нормально.

...