freewall使用Ajax追加内容，并显示[对象的对象]

Question

我有一个与代码的问题（上述）：

$(function() { 
      var wall = new freewall("#freewall"); 
      wall.reset({ 
       selector: '.brick', 
       animate: true, 
       cellW: 160, 
       cellH: 160, 
       delay: 50, 
       onResize: function() { 
        wall.fitWidth(); 
       } 
      }); 
      wall.fitWidth(); 
      var content = $.ajax({ 
        url:"contents/home.html", 
        type: "GET", 
        dataType:"json" 
       }); 
      var temp = '<div class="brick {size}">' + '<div class="covers">' + content + '</div>' + '</div>'; 
      var size = "size33 size32 size31 size23 size22 size21 size13 size12 size11".split(" "); 
      $(".add-more").click(function() { 
       var html = ""; 
       for (var i = 0; i < 5; ++i) { 
        html += temp.replace('{size}', size[size.length * Math.random() << 0]) 
           /*.replace('{color}', colour[colour.length * Math.random() << 0])*/; 
       } 
       wall.appendBlock(html); 
      }); 
     }); 

我试图加载AJAX内容，但它示出了[对象的对象。谁能帮忙？

Answer 1

写这样的做的功能来更新DOM逻辑检查出jQuery ajax了解更多信息

$(function() { 
    var wall = new freewall("#freewall"); 
    wall.reset({ 
     selector: '.brick', 
     animate: true, 
     cellW: 160, 
     cellH: 160, 
     delay: 50, 
     onResize: function() { 
      wall.fitWidth(); 
     } 
    }); 
    wall.fitWidth(); 
    var content = $.ajax({ 
     url:"contents/home.html", 
     type: "GET", 
     dataType:"json" 
    }).done(function(data){ 
     var temp = '<div class="brick {size}">' + '<div class="covers">' + content + '</div>' + '</div>'; 
     var size = "size33 size32 size31 size23 size22 size21 size13 size12 size11".split(" "); 
     $(".add-more").click(function() { 
      var html = ""; 
      for (var i = 0; i < 5; ++i) { 
       html += temp.replace('{size}', size[size.length * Math.random() << 0]) 
          /*.replace('{color}', colour[colour.length * Math.random() << 0])*/; 
      } 
      wall.appendBlock(html); 
     }); 
    }); 
});