jQuery Mauerwerk nicht funktioniert.

Ich hatte es funktioniert, aber aus irgendeinem Grund hat es gerade aufgehört zu arbeiten und ich weiß nicht, was ich getan habe.Die box divs Schwamm Links, ich weiß nur nicht, wo ich schief gegangen ist.

Jquery

var $container = $('.work');            
$container.imagesLoaded(function(){                 
   $container.masonry({
      itemSelector: '.box',
      isAnimated: true,
      columnWidth: 250                  
   });
});

HTML

<div id="part-one" class="work">
   <div class="box col2"><img src="_assets/images/one.jpg" alt="" /></a></div>
   <div class="box col2"><img src="_assets/images/two.jpg" alt="" /></a></div>
   <div class="box col2"><img src="_assets/images/three.jpg" alt="" /></a></div>
   <div class="box col2"><img src="_assets/images/four.jpg" alt="" /></a></div>
   <div class="box col2"><img src="_assets/images/five.jpg" alt="" /></a></div>
</div>

CSS

.work {
   margin-left:98px;
   top:0;
   max-width:1600px;
   padding-bottom:100px;
   position:absolute;
}

können Sie bitte geben Sie ein vollständig nicht-Beispiel arbeiten?
nur eine Vermutung, aber funktioniert es, wenn Sie entfernen imagesLoaded() und tun das Mauerwerk () - Teil auf Dokument laden?
Nein ist es nicht, es hat auf jeden Fall zog die Skripts, ich habe mit firebug, ich bin bei einem total Verlust! Ich werde versuchen und erhalten ein jsfiddle
Hier ist eine schnelle fiddle - jsfiddle.net/s8PhS

InformationsquelleAutor green_arrow | 2012-08-23

jquery jquery-masonry

6

Entfernen Sie Ihre columnWidth Eigentum und Mauerwerk verwenden die Breite des ersten Elements element. (Docs).

Schauen Sie sich dieses JSFiddle. http://jsfiddle.net/s8PhS/14/

Wenn Sie die Größe des HTML-Containers, in JSFiddle es wird auch die Größe dynamisch.

Ich habe auch einige extra <div> Elemente für demo-Zwecke und eine Odd Five element mit einer unterschiedlichen Höhe, und Sie können sehen, das Mauerwerk plugin kicks und position der Elemente perfekt.

Also im Grunde, entfernen Sie die Eigenschaft columnWidth: 250 und Mauerwerk lassen es abholen dynamisch.

In JSFiddle, das scheint Ihr problem zu lösen.

Nur ein Tipp: ich habe das gleiche jquery.Mauerwerk-plugin vor kurzem, wollte aber auch Sortieren meine Elemente, ich fand diese erstaunliche plugin namens Isotop das ist erstaunlich und viel mehr anpassbare.

Überprüfen Sie heraus die Demo auf der Homepage!

InformationsquelleAutor Anil
0

scheint es zu sein, in Bezug auf das Mauerwerk Spaltenbreite-Eigenschaft und der Raum zur Verfügung, um die Anzeige der div. Versuchen, zu spielen mit auf Ihrem jsfiddle machen, darüber nachzudenken.
Viel Glück.

InformationsquelleAutor ThierryB

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.