2012-04-05 28 views
7

Düzgün bir ızgara galerisi oluşturmak için izotop kullanıyorum. Şu anda ekleme özelliği ile sorunlar yaşıyorum: http://isotope.metafizzy.co/docs/methods.html#appendedİzotop ekleme ile ilgili sorunlar

Bu

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

gibi ekleme Daha sonra aşağıdaki hata msg tükürür izotoplar çağırırsanız:

[content] has no method 'filter' 

Ben konumlandırma eklerseniz div'a, o zaman yeni elemanın bu pozisyona yüklenip sabit kalması dışında iyi çalışır.

+0

Hiç bu neden olduğunu anlamaya mı ? Eklemeye çalıştığım veya eklemeye çalıştığım her şeyin "yöntem filtresi yok" hatasını döndürdüğü benzer bir sorun var. –

cevap

5

Değişimi:

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

için
$container.isotope('append', $(val)); 

Yoksa temizleyici istersen bunu yapabileceğini ....

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

işe yarıyor ama neden yeryüzünde belgelenmiyor? – Juan