Question

我正在尝试将项目追加到基于同位素的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");
                    }
                });

任何人都可以指出缺少的内容吗？欢迎进行修改。

Answer 1

同位素具有许多methods用于在使用ajax等动态添加新内容后计算布局。

您可以尝试这样的事情

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

OR

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

一切顺利。：-）

结合使用Ajax和同位素

1 个答案: