Использование Ajax с изотопом - PullRequest
0 голосов
/ 26 июня 2018

Я пытаюсь добавить элементы в div, основанный на изотопах, и элементы добавляются, но добавленные элементы не принимают Css (то есть они неуместны). Вот моя функция html & ajax:

div class="main_isotop" id="container"

var grid = $('.main_isotop').isotope({
                    itemSelector: '.item',
                    layoutMode: 'masonry'
                });
$.ajax({

                    url: '/loadmoremedia',
                    type: 'GET',
                    datatype: 'html',
                    data: {
                        }                        },
                    success: function (result) {
                        //var $items = result;
                        $('#lastPhotoId').remove();
                        //$('.main_isotop').append(result);
                        grid.append(result)
                            // add and lay out newly appended elements
                            .isotope('appended', result);
                        processing = false;
                    },
                    error: function (result) {
                        alert("Failed");
                    }
                });

Кто-нибудь может указать, что не хватает? Модификации приветствуются.

1 Ответ

0 голосов
/ 26 июня 2018

Изотоп имеет много методов для расчета макета после динамического добавления нового контента с помощью ajax и т. Д.

Вы можете попробовать что-то вроде этого

$container.isotope('insert', $items)

OR

$container.append( $html ); $container.isotope( 'appended', $html );

Всего наилучшего. : -)

...