同位素附加问题

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;
});