2017-09-10 116 views
0

一直在嘗試,使用堆棧溢出以及其他網站的建議,但我不能讓這個工作100%;同位素追加Ajax請求

任何人都可以擺脫如何獲得追加工作的同位素ajax調用。

這是我的代碼。

var $grid = jQuery('.pro-main').isotope({ 
    itemSelector: '.showportfolio', 
    percentPosition: true, 
    masonry: { 
     columnWidth: '.showportfolio' 
    } 
}); 

var xxxForm = { 
    'id': galID, 
    'last': galLast, 
    'next': nextNum, 
    'version': GalVers, 
    'radius': galRad 
}; 

$.ajax({ 
    type: 'POST', 
    url: '/wp-content/plugins/xxxxxxxxx/xxxxxxxxx/ajax-frontend.php', 
    data: xxxForm, 
    dataType: 'html', 
    encode: true 
}).done(function(data) { 

    $grid.append(data[0]).isotope('appended', data[0]); 

}); 

ajax調用只是帶回div元素。

感謝您的幫助,我收到:)

回答

0

發現我完全是在複雜的東西,你可以看到這個:

var xxxForm = { 
    'id' : galID, 
    'last' : galLast, 
    'next' : nextNum, 
    'version' : GalVers, 
    'radius' : galRad 
}; 

$.ajax({ 
    type: 'POST', 
    url: '/wp-content/plugins/xxxx/xxxxxxx/ajax-frontend.php', 
    data: xxxForm, 
    dataType: 'html', 
    encode: true 
}).done(function(data) { 

    var $newItems = $(data[0]); 
    $('.pro-main').append($newItems).isotope('insert', $newItems); 

});