同位素附加问题答案

【问题标题】：Issues with isotope appending同位素附加问题
【发布时间】：2012-04-05 18:46:35
【问题描述】：

我正在使用同位素来构建一个平滑的网格画廊。目前我在附加功能方面遇到问题： 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，那么它可以正常工作，除了新元素加载到该位置并保持固定。

【问题讨论】：

你有没有弄清楚是什么原因造成的？我有一个类似的问题，我尝试插入或附加的任何内容都会返回“没有方法过滤器”错误。

标签： jquery filter jquery-isotope

【解决方案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;
});

【讨论】：