jQuery चिनाई गलत शीर्ष स्थिति

Question

मैं एक विशिष्ट पृष्ठ पर jQuery चिनाई के साथ निश्चित लेआउट के साथ ट्विटर बूटस्ट्रैप का उपयोग कर रहा हूं।

यह काम कर रहा है, हालांकि दूसरी पंक्ति से शुरू होने से divs की शीर्ष स्थिति का अनुमान लगाया जाता है और आंशिक रूप से पहली पंक्ति के तत्वों को कवर किया जाता है।

ऐसा लगता है कि तत्वों को पुनर्व्यवस्थित करने से पहले स्क्रिप्ट छोड़ देता है।

आश्चर्यजनक रूप से, जब मैं क्रोम में इंस्पेक्टर खोलता हूं या व्यूपोर्ट का थोड़ा आकार बदलता हूं तो divs अपनी सही स्थिति में कूद रहे हैं। रिफ्रेशिंग पेज कभी कभी में मदद करता है, कभी कभी ऐसा नहीं करता ...

मेरे चिनाई स्क्रिप्ट:

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

इस सामान्य व्यवहार है? क्या मुझे उपरोक्त स्क्रिप्ट में window.resize जोड़ना चाहिए?

पृष्ठ में स्वयं या शीर्षलेख में चिनाई स्क्रिप्ट रखना, पाद लेख इसका व्यवहार नहीं बदलता है।

मैं किसी अन्य बूटस्ट्रैप जेएस से पहले, jQuery के ठीक बाद masonry.js को कॉल कर रहा हूं।

Answer 1

बस सहायता अनुभाग यहाँ http://masonry.desandro.com/docs/help.html

से पहले सभी छवियों को लोड हो जाने पर स्क्रिप्ट चलाता पढ़ा, तो आप इसे गति प्रदान करने के बाद खिड़की

$(window).load(function(){ 
    $('#container').masonry({ 
    // options... 
    }); 
});