Как использовать перезагрузку jQuery Masonry?

Question

Сценарий ниже исчезает на странице, которая не соответствует входным данным пользователя. Эта часть работает отлично, но мне нужно, чтобы масонство перестраивало плитки после того, как они fadeOut.

html-

<article class='tile'> 
<p class='img' style="background-image:url(images/pic_aaronb.jpg)"></p> 
<h3>Tony B</h3> 
<h2 class='tags'>Tony tony</h2> 

<span><a href='#'>Facebook</a> &bull; <a href='#'>Twitter</a> </span> 
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti </p> 
</article> 

Script-

$("#b_submit").click(function() { 


     var filter_text = $('input:text').val(); 



     console.log(this); 

    $('.tags:not(.tags:contains('+filter_text+'))').parent().fadeOut('slow'); 



     //alert(filter_text); 

     var $wrapper = $('#wrapper'); 
     var $back = $('#b_reset'); 


     $('#b_reset').fadeIn(); 

     $wrapper.prepend($back).masonry('reload'); 


     $(".tile").promise().done(function() { 
     $("wrapper").masonry(" reload "); 

     }); 


    /*var $back = $('<a href="#" id="b_reset" class="tile">Back</a>'); 
    $('#wrapper').prepend($back).masonry('reload'); 
    */ 

    }); 

Answer 1

Что селектор был Кладка изначально связан с?

Вы, кажется, только вызываете метод reload в приведенном выше коде, и вы никогда не привязываетесь к каменной кладке.

Где-то раньше, вы бы необходимый для вызова Кладки на $wrapper, как это -

$wrapper.masonry({ 
    itemSelector: '.your-brick', 
    columnWidth: someVarOrNumber 
}); 

Кроме того, в конце концов, ваш селектор выключен, вы кэшировать его как $wrapper.

$wrapper.masonry('reload',function(){ 
    console.log('Masonry has finished reloading.'); 
}); 

Надеюсь, что ваш селектор поможет!