jQuery Maçonnerie de rappel ne fonctionne pas

Je suis en train d'essayer d'obtenir une fonction de callback à exécuter lorsque jQuery Maçonnerie a fait de son positionnement magie, la prévention d'un flash de non stylé contenu dans mon code.

Pour les fins de test, bien que, je suis l'aide d'une simple alerte qui n'est pas appelée à tous.

var $jigsaw = $('#jigsaw');

$jigsaw.imagesLoaded( function(){
    $jigsaw.masonry({
     columnWidth : 180,
      isAnimated : !Modernizr.csstransitions,
     isResizable : true,
    itemSelector : '.piece'
    }, function(){
        alert('Completed');
    });
});

J'ai peut-être raté quelque chose d'évident, mais toute aide serait appréciée

OriginalL'auteur Craig | 2011-06-06

  1. 3

    Rappels avec la Maçonnerie v2.0 sont des sans-papiers et pas tout à fait pris en charge.

    Mais les rappels sont superbes avec Isotope v1.5! Si vous souhaitez bonne rappels qui déclenchent après la fin d'une transition ou d'une animation, l'Isotope est le chemin à parcourir.

    La raison en est que vous pourriez être en utilisant les transitions CSS ou jQuery animation ou aucun des deux. Donc j'aurais besoin de construire dans la logique de détecter qui est utilisé et puis quand déclencher le réel de rappel.

    ... oh j'ai maintenant masqué Maçonnerie avec une image jusqu'à ce qu'il est chargé. Pas l'idéal, mais assez bon. Merci
    Desandro, tout d'abord, merci pour ce super plugin! Avez-vous des solutions à ce problème? Je suis en train de vivre la même chose.
    Utiliser les Isotope
    vraiment un très bon plugin, merci

    OriginalL'auteur desandro

  2. 14

    Il ressemble travaux de Maçonnerie avec jQuery différée des objets du système. Si vous êtes à l'aide de jQuery 1.5+ cela peut fonctionner:

    $.when($jigsaw.masonry(options)).then(function(){/*callback function*/});
    Merci beaucoup pour cette réponse - j'ai été à la recherche pour cette ligne de code pour environ une heure à ce point. Je souhaite que je pourrais cette x10. Des acclamations.

    OriginalL'auteur Anthony Veach

  3. 1
    //Create the callback function
var callback = function($el, cb) {
  var instance = $.data($el, 'masonry');
  if (!instance) {
    setTimeout(callback($el, cb), 300);
  } else {
    cb();
  }
}

//Then simply add this to your imagesLoaded for an element of '.thumbnails' or something
callback('.thumbnails', function() {
  //some code goes here
});

    OriginalL'auteur tatatata

  4. 0

    J'ai essayé et cela a fonctionné

    jQuery.when( $jigsaw.masonry('reload') ).done(function(x) { 
    //call back logic 
});

    OriginalL'auteur BlackEagle