Как применить isotope после ajax
При нажатию на кнопку, необходимо подгрузить элементы из JSON к которым применяется isotope, как можно решить проблему? Потому что сейчас они просто выводятся без применения
$('#more1').on('click', function(){
let json3 = '{"items":[{"name":"10 причин приехать отдыхать в Бурятию на отпуск","description":"Рассказываем о главных особенностях Бурятии","date":"12 мая 2020 года"}, {"name":"10 причин приехать отдыхать в Бурятию на отпуск","description":"Рассказываем о главных особенностях Бурятии","date":"12 мая 2020 года"}, {"name":"10 причин приехать отдыхать в Бурятию на отпуск","description":"Рассказываем о главных особенностях Бурятии","date":"12 мая 2020 года"}, {"name":"10 причин приехать отдыхать в Бурятию на отпуск","description":"Рассказываем о главных особенностях Бурятии","date":"12 мая 2020 года"}]}';
DrawItemsS(json3);
$.ajax({
type:'GET',
url:'',
async:true,
// data:{},
success:function(json3){
DrawItemsS(json3);
},
error:function(error){
console.log(error);
}
})
});
function DrawItemsS(json3){
let data = JSON.parse(json3);
data.items.forEach(element => {
$('.grid').append('<div class="grid-item col-lg-4 col-xl-4 col-md-6 col-sm-12"><div class="news-box-four first-child"><a class="news-box-four__caption">'+ element.name +'</a><span class="news-box-four__info">'+ element.description +'</span><div class="news-box-four__date">'+ element.date +'</div></div></div>');
});
$('#more1').remove();