Добрый день, помогите пожалуйста решить проблему с isotope, бьюсь уже вторые сутки, не понимаю что я упустил.
Собрал локально шаблон с сеткой isotope и фильтрацией, локально работает во всех браузерах отлично, выгружаю шаблон на сервер и начинается какая-то магия с сеткой, в сафари и некторых браузерах она схлопывается пока не потянешь за край брауезра и только тогда она становиться нормально, и в некторых других браузерах такоеже поведение.
Читал форумы кто-то предлагает в document.ready кто-то на load function вешать, imageLoaded прикручить, проблвал и так и так результат одинаковый, лакольно рабботает на серверое баги какие-то, может это тупо конечно но я спрошу, это может быть из за сервера?
function isotope(){
heightDetect3();
var $grid = $('#container').isotope({
itemSelector: '.shuffle__item',
layoutMode: 'packery',
cellsByRow: {
columnWidth: 200,
rowHeight: 150
},
masonry: {
columnWidth: '.my-sizer-element'
}
})
// filter functions
var filterFns = {
// show if number is greater than 50
numberGreaterThan50: function() {
var number = $(this).find('.number').text();
return parseInt( number, 10 ) > 50;
},
// show if name ends with -ium
ium: function() {
var name = $(this).find('.name').text();
return name.match( /ium$/ );
}
};
// bind filter button click
$('.filter-options').on( 'click', '.side-nav__link', function() {
var filterValue = $( this ).attr('data-filter');
// use filterFn if matches value
filterValue = filterFns[ filterValue ] || filterValue;
$grid.isotope({ filter: filterValue });
});
// change is-checked class on buttons
$('.filter-options').each( function( i, buttonGroup ) {
var $buttonGroup = $( buttonGroup );
$buttonGroup.on( 'click', '.side-nav__link', function() {
$buttonGroup.find('.active').removeClass('active');
$( this ).addClass('active');
});
});
}
$(window).on('load', isotope);
