Javascript 如何使用shapeshift插件附加Jquery/AJAX返回的新元素以保持网格布局

如何将shapeshift应用于放置在div中的AJAX返回的元素，并为它们提供网格布局外观

另外，当我在Jquery选项卡中使用Shapeflit时，它似乎会中断。。就像我在选项卡中使用它一样，当我单击选项卡时，网格布局被破坏。。我如何解决这两个问题？否则这个插件做得很好

例如，使用AJAX。。当我滚动时，新元素会附加AJAX。。如何使shapelift应用于加载的_数据div中的新附加元素

$(window).scroll(function(){
if ($(window).height() + $(window).scrollTop() == $(document).height()) {
// make an ajax call to your server and fetch the next 100, then update
//some vars
var url = '<?php echo $image_url;?>';
$.ajax({
type:'POST',
url: "scroll_data.php",
data:{image_url: '<?php echo $image_url;?>'},
success: function(result){

          var obj = $($.parseHTML(result));

           //  how can I append elements with shapelift so they can keep the grid layout ?

            $(".loaded_data").append(obj);
           $('.tweet_link').embedly({
             key: 'xxxxxxxxxxxxxxxxxxxxxxxxxx',
              query: {maxwidth:270, maxheight:1100} 
         });




        }
    });
}
});

$（窗口）。滚动（函数（）{
if（$（窗口）.height（）+$（窗口）.scrollTop（）==$（文档）.height（））{
//对服务器进行ajax调用，获取下一个100，然后更新
//一些Var
var url=''；
$.ajax({
类型：'POST'，
url:“scroll_data.php”，
数据：{image_url:''}，
成功：功能（结果）{
var obj=$（$.parseHTML（结果））；
//如何使用shapelift附加元素，以便它们保持网格布局？
$（“.loaded_data”）.append（obj）；
$（'.tweet_link'）。嵌入({
密钥：“xxxxxxxxxxxxxxxxxxxxxxxxxx”，
查询：{maxwidth:270，maxheight:1100}
});
}
});
}
});

您的服务器代码真的接受并执行任意php脚本吗？（这就是上面的片段所暗示的。）这将是一个可怕的安全漏洞。我根本不明白你的意思。向服务器发送

的唯一原因是服务器执行该脚本。攻击者可以同样轻松地发送脚本，例如删除服务器上的所有文件。如果您能让上述代码正常工作，请告诉我，我很乐意演示；^）你能告诉我如何在它后面加上变形吗？？这就是我真正需要知道的，否则它会很好地附加。我只需要知道如何将shafeshit应用于附加的元素。太棒了。我甚至不知道变形是什么。我只是想指出，您的代码中存在巨大的安全漏洞。