Các vấn đề với đồng vị phụ thêm

Question

Tôi đang sử dụng đồng vị để xây dựng một phòng trưng bày lưới mịn. Hiện nay tôi đang gặp vấn đề với các tính năng phụ thêm: http://isotope.metafizzy.co/docs/methods.html#appended

Nếu tôi gọi là append như thế này

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

Sau đó, các đồng vị spits ra msg lỗi sau:

[content] has no method 'filter' 

Nếu tôi thêm định vị cho div, sau đó nó hoạt động tốt, ngoại trừ phần tử mới được nạp vào vị trí đó và vẫn cố định.

Answer 1

Thay đổi:

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

Để

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

Hoặc bạn có thể làm điều này nếu bạn muốn nó sạch hơn ....

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