带有ajax标签的砌体

时间:2018-06-05 21:41:07

标签: ajax wordpress jquery-masonry

我试图使用带有ajax标签的砌体,但遗憾的是它显示出很大的差距。这是我的代码

$.ajax({
type: 'POST',
url: ajaxurl,
data: {
    action:'activity_load',
    'tab_activity_type_object': tab_activity_type_object
},
success:function(data) {
    $( ".tab-content .tab-content-list" ).empty();
    $( ".tab-content .tab-content-list" ).append(data);
},
error: function(errorThrown){
    $( ".tab-content .tab-content-list" ).append( "Data error" );
    console.log(errorThrown);
}
});


jQuery(function(){
var $container = jQuery('.tab-content-list');
$container.masonry({
  itemSelector: 'li.activity-item'
});
});

我在这里找到了一些解决方案 - > https://masonry.desandro.com/methods.html 但我不确定如何使用上面的代码。

1 个答案:

答案 0 :(得分:0)

解决方案比我想象的简单

 $( ".tab-content .tab-content-list" ).append(data).masonry( 'reload' );