7

同位体を使用して滑らかなグリッド ギャラリーを構築しています。現在、追加機能に問題があります: 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 に配置を追加すると、新しい要素がその位置に読み込まれ、固定されたままになることを除いて、正常に動作します。

4

1 に答える 1

5

変化する：

$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;
});
于 2012-04-30T14:22:48.557 に答える