如何在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

我正在使用該Masonry插件，並且有關附加的討論。

Answer 1

我認為您需要將代碼重構為：

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

如果您將砌體應用於#grid_mason嘗試從以下位置更改代碼

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

對此

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

不知道我是否可以建議其他任何內容而無需查看更多代碼。