Masonry Gegenstände, die beim Klicken auf Ajax nicht nachgeladen wurden load more button

allo allerseits, ich habe ein Problem mit Mauerwer

Ich habe dieses @ erstelDEM von codepen.io

In dieser Demo sehen Sie, dass es diesen Javascript-Code gibt:

$(window).load(function()
{
$( function() {
var $container = $('.posts-holder');
    $container.masonry({
      isFitWidth: true,
      itemSelector: '.kesif-gonderi-alani'
    });

});
});

Ich zeige nur 10 Beiträge, wenn eine Seite geöffnet wird. Wenn der Benutzer weitere 10 Beiträge anzeigen möchte, muss er auf (Schaltfläche Mehr anzeigen) klicken. Ich habe diese Ajax-Funktion erstellt, um weitere Beiträge anzuzeigen.

$('.showmore').live("click",function(event) 
{
event.preventDefault();
var ID = $(this).attr("id");
var P_ID = $(this).attr("rel");
var URL=$.base_url+'diger_fotograflar_ajax.php';
var dataString = "lastid="+ ID+"&profile_id="+P_ID;

if(ID)
{
$.ajax({
type: "POST",
url: URL,
data: dataString, 
cache: false,
beforeSend: function(){ $("#more"+ID).html('<img src="wall_icons/ajaxloader.gif" />'); },
success: function(html){
$("div.posts-holder").append(html).each(function(){
   $('.posts-holder').masonry('reloadItems');
 });
$("#more"+ID).remove();
}
});
}
else
{
$("#more").html,('The End');// no results

}

return false;
});

dieser Code funktioniert, wenn Sie auf showmore button @ klicke$('.posts-holder').masonry('reloadItems'); aber sammle neue Beiträge an einem Ort. Aber wenn ich die Breite der Seite ändere, verbessert sich alles.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage