Actualiser jquery.la maçonnerie lors de la suppression d'un élément

Comment puis-je actualiser la Maçonnerie lorsqu'un élément est supprimé via Ajax? C'est le code que j'utilise pour supprimer l'élément:

if($deletes = $('a[rel=delete]')) {
    $deletes.click(function() {
        if(!window.confirm('Are you sure you wish to delete this picture?'))
            return false;
        $t = $(this);
        $.post(
            $t.attr('href'),
            {},
            function(data) {
                if(data == "success")
                    $t.parents('.deleteable:first').fadeOut();
            }
        );
        return false;           
    });
}

La raison pour laquelle je veux un rafraîchissement est à éliminer la résultante des espaces après les éléments sont supprimés.

Veuillez envisager de choisir une bonne réponse.
double possible de Réorganiser tous les éléments de l'après masquage d'un élément à l'aide de jquery maçonnerie

OriginalL'auteur Freeman | 2011-03-05

  1. 5

    Ajouter un rappel pour votre fadeOut() à fait appel .remove() supprimés de votre élément, une fois disparu, puis il suffit d'appeler .masonry() sur le conteneur de nouveau.

    Merci à tous! Les suggestions travaillé.
    L'appel de la maçonnerie de nouveau travaillé pour moi. Merci!
    Merci pour cette astuce utile. Fonctionne très bien pour mon projet.

    OriginalL'auteur John Flatness

  2. 1

    Je dirais juste l'appeler de nouveau sur le sélecteur. Il semble avoir un chèque pour voir si elle a été de nouveau appelée.

    ...snip...
  //checks if masonry has been called before on this object
  props.masoned = !!$wall.data('masonry');
...snip...

    je voudrais également recommander la saveOptions paramètre, puisqu'il semble le soutenir pour re-demande. Jamais l'esprit, il semble le faire par défaut (d'oh!)

    J'ai essayé de l'appeler à nouveau, à l'aide de ce, mais pas d'effet du tout: $('.maçonnerie-wrapper').maçonnerie({ columnWidth: 188, monomode: true, itemSelector: '.l'article"});

    OriginalL'auteur Brad Christie

  3. 1

    Appel de maçonnerie à nouveau dans fadeout de rappel. Rendre cet facile sur vous-même, et de faire de la maçonnerie d'initialisation dans une fonction. Définissez vos options là-bas, alors que vous n'avez pas à transporter les options dans votre rappel de la portée.

    Comme

    $(function(){

  var $bricks = $('your > elements');

  function BuildWall(){
    $bricks.masonry({your:'options'});
  }

  BuildWall();


 //Your code modified
 if($deletes = $('a[rel=delete]')) {
     $deletes.click(function() {
        if(!window.confirm('Are you sure you wish to delete this picture?'))
           return false;
         var $t = $(this);
         $.post(
            $t.attr('href'),
            {},
            function(data) {
                if(data == "success")
                    $t.parents('.deleteable:first').fadeOut(function(){
                       //This is faster than $(this).remove();
                       $(this).empty().remove();
                       //Reset Masonry
                       BuildWall();
                    });
            }
        );
        return false;           
    });
 }
});

    OriginalL'auteur Sandwich

  4. 1

    jquery maçonnerie elle-même a une méthode remove (http://masonry.desandro.com/methods.html#remove)

    vous pouvez mettre ceci dans votre fadeOut rappel:

    $("your-container").masonry( 'remove', $(this) ).masonry();

    OriginalL'auteur mountriv99