jQuery Masoneria poziție greșită în sus

Folosesc Twitter Bootstrap cu aspect fix, împreună cu jQuery Masonry pe o anumită pagină.

Funcționează, dar începând cu al doilea rând, pozițiile de sus ale divs sunt calculate greșit și acoperă parțial elementele primului rând.

Se pare că scriptul se oprește înainte de a rearanja elementele.

În mod ciudat, atunci când deschid inspectorul în Chrome sau redimensionez ușor portul de vizualizare, divs-ul se îndreaptă spre poziția corectă. Actualizarea paginii uneori ajută, uneori nu ...

Scriptul meu de zidărie:

jQuery(document).ready(function(){
    jQuery('.span9').masonry({
        itemSelector: '.span3',
        columnWidth: function( containerWidth ) {
        return containerWidth/3;
        }
    });
});

Este acest comportament normal? Trebuie să adaug codul window.resize la scriptul de mai sus?

Plasarea scriptului de zidărie în pagina însăși sau în antet, subsolul nu schimbă comportamentul acesteia.

Chem masonry.js imediat după jQuery, înainte de orice alt Bootstrap js.

6
Nu, adăugând redimensionează întrerupe zidăria ...
adăugat autor elbatron, sursa
Oh, nu, îmi pare rău pentru confuzie, nu "stimulează rândul". Am folosit teoretic cuvântul teoretic aici. Toate elementele sunt întinse și se află într-un interval, după cum puteți vedea în scenariul de mai sus.
adăugat autor elbatron, sursa
Pot să vă aduc acces la site, ce zici de asta?
adăugat autor elbatron, sursa
Puteți crea un jsFiddle sau o pagină de probă cu problema dvs.?
adăugat autor Jeffery To, sursa
al doilea rând? faci plasarea divs în interiorul rândurilor? ce elemente imbracati cu zidarie?
adăugat autor Andres Ilich, sursa

1 răspunsuri

Just read the help Section here http://masonry.desandro.com/docs/help.html

Scriptul rulează înainte ca toate imaginile să fie încărcate, trebuie să îl declanșați după încărcarea ferestrei

$(window).load(function(){
  $('#container').masonry({
   //options...
  });
});
18
adăugat
O să dau drumul. Are sens, deoarece imaginile din blocuri nu au dimensiuni definite ca aspectul este fluid.
adăugat autor elbatron, sursa
Vă mulțumim @Blac pentru a sublinia secțiunea de ajutor, se pare că, cu plugin-ul imagesLoaded blocurile nu se suprapun reciproc.
adăugat autor elbatron, sursa
în mod alternativ, puteți specifica înălțimea pentru eticheta img dacă este aceeași
adăugat autor mente, sursa