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

时间:2013-12-19 16:40:59

标签: javascript jquery grid-layout

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

另外,当我在Jquery选项卡中使用它时,似乎Shapeflit中断了......就像我在选项卡中使用它一样,当我单击选项卡时,网格布局被破坏了......我如何解决这两个问题?否则GOOD就可以使用这个插件!!!

例如使用AJAX ..当我滚动时,新元素附加了AJAX ..如何将shapelift应用于loaded_data 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} 
         });




        }
    });
}
});

0 个答案:

没有答案