时间戳

首页 > 解决方案 > 带有 ajax 选项卡的砌体

ajax - 带有 ajax 选项卡的砌体

问题描述

我正在尝试将砌体与 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 但我不确定如何使用上面的代码。

标签： ajaxwordpressjquery-masonry

解决方案

解决方案比我想象的要简单

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

推荐阅读