आइसोटोप के साथ मुद्दे

Question

जोड़ना मैं एक चिकनी ग्रिड गैलरी बनाने के लिए आइसोटोप का उपयोग कर रहा हूं। वर्तमान में मैं संलग्न सुविधा के साथ मुद्दों कर रहा हूँ: 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 के लिए, यह ठीक काम करता है, सिवाय इसके कि नया तत्व उस स्थिति में लोड होता है और स्थिर रहता है।

Answer 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; 
});