Problemi con l'aggiunta di isotopi

Question

Sto usando l'isotopo per costruire una galleria a griglia liscia. Attualmente sto avendo problemi con la funzionalità di aggiunta: http://isotope.metafizzy.co/docs/methods.html#appended

Se chiamo l'accodamento come questo

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

Poi isotopi sputa fuori il seguente msg di errore:

[content] has no method 'filter' 

Se aggiungo posizionamento al div, quindi funziona bene, tranne che il nuovo elemento viene caricato in quella posizione e rimane fisso.

Answer 1

Cambio:

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

Per

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

Oppure si potrebbe fare questo se lo vuoi più pulito ....

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