如何在JQuery中做到这一点？ （获取从AJAX-GET返回的HTML，并将其变成一个对象）

Question

$.ajax({
                method:"get",
                url:"/wall",
                data:"ajax=1",
                beforeSend:function(){},
                success:function(html){
                   $("#grid_mason").append(html);  //Add the next boxes to the Grid.
                   $(this).masonry({ appendedContent: $( html ), animate:false, resizeable:false });

                    });

                }
            });

http://desandro.com/demo/masonry/docs/appending.html

I'm using that Masonry plugin, and it kind of talks about appending.

Answer 1

I thinks you need to refactor your code as:

var thiz = this;
$.ajax({
    method:"get",
    url:"/wall",
    data:"ajax=1",
    beforeSend:function(){},
    success:function(html){
       $("#grid_mason").append(html);  //Add the next boxes to the Grid.
       $(thiz).masonry({ 
            appendedContent: $( html ),
            animate:false, 
            resizeable:false});
    });
   }
});

Answer 2

If you have the masonry applied to #grid_mason then try changing the code from

$("#grid_mason").append(html);
$(thiz).masonry({ appendedContent: $( html ), animate:false, resizeable:false });

To this

$("#grid_mason").append(html)
    .masonry({ appendedContent: $( html ), animate:false, resizeable:false });

Not sure I can suggest anything else without seeing more of the code.