Изотоп не работает с загруженным содержимым ajax

У меня есть select-box, который содержит 4 варианта, выбрав каждый из которых приведет к удалению всех существующих .item divs и загрузке новых .items , а затем их перегруппировку с использованием изотопа ,

$('.menu-select').change(function(){
    var selected=$('.menu-select-option:selected').html().toLowerCase();
        if(selected=='all')
            {
                loadContent('mixed_home_all.html');
            }
        if(selected=='recommended')
            {
                loadContent('mixed_home_reco.html');
            }
        if(selected=='popular')
            {
                loadContent('mixed_home_pop.html');
            }
});

Функция loadContent выглядит так:

    function loadContent(filename){
        var $item=$('.item');
        $container.isotope('remove', $item);
        $container.load(filename, function(){
            $container.imagesLoaded(function(){
                $container.isotope('reLayout');
            });
        });
    }

По какой-то причине reLayout не работает. Класс isotope-item не добавляется к отдельным элементам. В журнале консоли нет ошибок.

6
nl ja de

1 ответы

Я решил это, уничтожив предыдущий изотоп и вызывая новый для каждого значения в поле выбора. Моя функция loadContent выглядит так:

    function loadContent(filename){
        var $item=$('.item');
        $container.isotope('destroy'); //destroying isotope
        $container.load(filename, function(){
            $container.imagesLoaded(function(){
                $container.isotope({ //triggering isotope
                    itemSelector: '.item'
                });
            });
        });
    }
14
добавлено
Привет, я успешно адаптировал этот код и хорошо работает, но моя сортировка не работает после перезагрузки элементов ... Может быть, вы можете использовать меня ... Спасибо!
добавлено автор vitaminasweb, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda