2012-04-05 5 views
7

アイソトープを使って滑らかなグリッドギャラリーを構築しています。私はポジショニングを追加する場合同位体追加の問題

[content] has no method 'filter' 

:私はこの

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

などの追記が続い同位体を呼び出す場合は、次のエラーMSGを出してくれる http://isotope.metafizzy.co/docs/methods.html#appended

:現在、私はアペンド機能に問題が生じていますdivには、新しい要素がその位置に読み込まれ、固定されていることを除いて、正常に動作します。

+0

あなたがこれを引き起こしていたかを把握しました?私は挿入または追加しようとするものが "メソッドフィルタがありません"というエラーを返すような同様の問題があります。 –

答えて

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

それは動作しますが、なぜ地球上ではまだ文書化されていません.. – Juan