Problemas con la adición de isótopos

Question

Estoy usando isótopos para crear una galería de cuadrícula uniforme. Actualmente estoy teniendo problemas con la función de agregación: http://isotope.metafizzy.co/docs/methods.html#appended

Si llamo a las órdenes de agregar como esto

$('#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; 
    }); 

Entonces isótopos escupe el siguiente error msg:

[content] has no method 'filter' 

Si añado posicionamiento para el div, entonces funciona bien, excepto que el nuevo elemento se carga en esa posición y permanece fijo.

Answer 1

Cambio:

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

Para

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

O usted podría hacer esto si quieres más limpio ....

$('#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; 
});