Probleme mit Isotopenanhängen

Question

Ich benutze Isotop, um eine glatte Gittergalerie zu erstellen. Zur Zeit habe ich Probleme mit dem Anfügen Funktion: http://isotope.metafizzy.co/docs/methods.html#appended

Wenn ich nenne das Anfügen wie diese

$('#loadMore').click(function(){ 
    val='<div class="content-box masonry-brick img11"><a href="#"><img src="images/1.jpg" style="width: 290px; height: 163.36666666666667px; "><div class="portfolio-more"><div class="portfolio-icon"></div></div></a><div class="content-box-content"><h3 class="post-info">Lifestyle/People</h3><h2>Street Life</h2></div></div>'; 

    var $container = $('#grid-gallery'); 
    $container.isotope('appended', val) 

    return false; 
    }); 

Dann Isotope spuckt die folgende Fehlermeldung:

[content] has no method 'filter' 

Wenn ich Positionierung hinzufügen zu dem div, dann funktioniert es gut, außer das neue Element wird an dieser Position geladen und bleibt fixiert.

Answer 1

Wechsel:

$container.isotope('appended', val); 

Um

$container.isotope('append', $(val)); 

Oder Sie könnten dies tun, wenn Sie es sauberer wollen ....

$('#loadMore').click(function(){ 

    val= $('<div class="content-box masonry-brick img11"><a href="#"><img src="images/1.jpg" style="width: 290px; height: 163.36666666666667px; "><div class="portfolio-more"><div class="portfolio-icon"></div></div></a><div class="content-box-content"><h3 class="post-info">Lifestyle/People</h3><h2>Street Life</h2></div></div>'); 

    var $container = $('#grid-gallery'); 
    $container.isotope('insert', val); 

    return false; 
});