同位素附加問題

Question

我正在使用同位素構建平滑的網格庫。目前，我有追加功能問題： http://isotope.metafizzy.co/docs/methods.html#appended

如果我這樣調用

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

追加然後同位素吐出以下錯誤信息：

[content] has no method 'filter' 

如果我添加定位到div，那麼它工作正常，除了新的元素被加載到該位置並保持不變。

Answer 1

變化：

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

要

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

或者，如果你想更乾淨，你可以做到這一點....

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