Ajax и масонство

Question

Привет ребята У меня есть небольшая проблема здесь я хочу использовать этот код для загрузки большего количества

$(document).ready(function(){ 
var page = 1; 
    var pages = $("#pages").val(); 

    $("#content").load("resources/more.php"); 
    $("#loadmore").bind("click", function(){ 
     var next = page+=1; 

     $.get("resources/more.php?page="+next, function(data){ 
      var el = jQuery(data); 
      if(next==pages){ 

       $("#loadmore").remove(); 
      } 
      $("#content").append(el).masonry('appended', el, true); 
        //$("#content").append(el).masonry('reload'); 
     }); 
    }); 
    }); 

Загрузить больше работает довольно хорошо, тем не менее масонство не работает вообще. Спасибо за помощь.

Answer 1

Проблема связана с ошибкой, которую я помог найти! Оказывается, что $ .get() возвращает HTML с некоторой базовой структурой DOM, которую масонство не любит.

Чтобы это исправить, изменить:

var el = jQuery(data); 

Для этого:

var el = jQuery(data).filter('div'); 

Вы можете прочитать об этом здесь: https://github.com/desandro/masonry/issues/374