JQuery Masonry ! Mise à jour columnWidth Sur la Fenêtre de Redimensionnement

Je suis en train de travailler sur Sensible Disposition où je suis à l'aide de JQuery Maçonnerie.

Je suis en utilisant le script suivant pour obtenir de l'actuel largeur de la colonne.

var curWidth; 
var detector;

detector = $('.magic-column');
curWidth = detector.outerWidth(true);

$(window).resize(function(){
    if(detector.outerWidth(true)!=curWidth){
        curWidth = detector.outerWidth(true);
    }
});

Mon JQuery Maçonnerie script d'initialisation est quelque chose comme ça..

$(window).load(function(){
     $(function (){
            $wall.masonry({
                    singleMode: true, 
                    columnWidth: curWidth, //This needs to be update on window load & resize both //
            });
     });
});

Mon 1er script récupère la largeur correctement, mais dans la maçonnerie que la largeur n'est pas mise à jour...
Comment puis-je mettre en œuvre à la fois de la charge & la fonction de redimensionnement, de sorte que mon curWidth sera mis à jour pour la Maçonnerie, ainsi que sur la fenêtre de redimensionnement

OriginalL'auteur MANnDAaR | 2011-12-12

  1. 11

    Vous devez définir la columnWidth de la maçonnerie après redimensionnement:

    $(window).resize(function(){
    if(detector.outerWidth(true)!=curWidth){
        curWidth = detector.outerWidth(true);
        $wall.masonry( 'option', { columnWidth: curWidth });
    }
});

    Vous pouvez lire plus au sujet de la maçonnerie les méthodes ici: http://masonry.desandro.com/methods.html

    Salut, le lien de partage dans votre réponse n'est plus valable.
    mise à jour du lien vers masonry.desandro.com/methods.html

    OriginalL'auteur Variant

  2. 1

    bindResize peut être utilisé pour redimensionner tous les éléments dans le conteneur lors de l'utilisation d'un fluide de mise en page (bindResize est dans https://github.com/desandro/masonry/blob/master/dist/masonry.pkgd.js

    $container.masonry({
    itemSelector: '.container'
});

$(window).resize(function () {
    $container.masonry('bindResize')
});

    OriginalL'auteur ktabarez