Mauerwerk funktioniert nicht beim Laden mehr Pfosten

Question

das Mauerwerk funktioniert nicht in meiner Ladung mehr Beiträge. Ich habe einige so versucht, aber es funktioniert nicht für mich. der Code Mauer Last in der ersten Last und arbeiten nicht

if ($('.more-posts-wrapper .ajax-load-more').length) { 
     $('.more-posts-wrapper').off().on('click', '.ajax-load-more a', function(e) { 
      e.preventDefault(); 

      var parent = $(this).parents('.more-posts-wrapper').attr('id'); 
      parent = '#' + parent; 
      var link = $(this).attr('href'); 

      $(parent+'.more-posts-wrapper').append('<div class="more-posts"></div>'); 
      content.append(html).masonry('appended', elements); 
      $(parent).find('.ajax-load-more').replaceWith('<div class="load-content"><div class="load-circle" data-loader="arrow-circle"></div></div>'); 
      $(parent).find('.more-posts').load(link + ' '+ parent +' .kitten-ajax-wrapper .post-item, '+ parent +' .ajax-load-more', function() { 
      $(parent).find('.more-posts .post-item').hide().detach().appendTo(parent+' .kitten-ajax-wrapper .posts-wrapper').fadeIn(500); 
      $(parent).find('.more-posts .ajax-load-more').detach().appendTo(parent+' .kitten-ajax-wrapper .posts-contnet'); 
      $(parent).find('.more-posts').remove(); 
      $(parent).find('.load-content').remove(); 
      }); 
     }); 
    } 

und meinen Code HTML

<div id="more-posts-wrapper" class="more-posts-wrapper"> 
    <div class="kitten-ajax-content"> 
     <div class="kitten-ajax-wrapper"> 
      <!--Start Posts Wrapper--> 
      <div class="blog-posts"> 
       <?php get_template_part('loop/post-style/'.$blog_style.''); ?> 
      </div> 
      <!--End Posts Wrapper--> 
      <!--Start pagination Post--> 
      <div class="Read-More ajax-load-more pagination-load-more"> 
       <?php echo get_next_posts_link('<span>Load More</span> <span><i class="fa fa-refresh"></i></span>',100); ?> 
      </div> 
      <!--End pagination Post--> 
     </div> 
    </div> 
</div> 

Mauer Code

// Masonry 
jQuery(document).ready(function($){ 
    var $container = $('.masonry-layout'); 
    $container.masonry({ 
     itemSelector: '.post-item', 
     layoutMode: 'masonry', 
     resizesContainer: false, 
     percentPosition: true, 
     isAnimated: true, 
    }); 
}); 

Answer 1

Sie appended Methode mit $container verwenden. Und ich kann hier nicht sehen $(".masonry-layout") Klasse. BTW können Sie imageLoaded Plugin verwenden, um das beste Ergebnis zu erhalten. Auch Mauerwerk hat reloadItems Dienstprogramm. 2. Wo haben Sie content Variable in dieser Zeile content.append(html).masonry('appended', elements);

erhalten