AntonEssential
@AntonEssential

Как решить проблему с isotope на сервере?

Добрый день, помогите пожалуйста решить проблему с 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);
  • Вопрос задан
  • 212 просмотров
Пригласить эксперта
Ответы на вопрос 2
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Вакансии с Моего Круга Все вакансии
Заказы с Фрилансим Все заказы