आइसोटोप jquery प्लगइन क्रोम

Question

पर ठीक से प्रदर्शित नहीं होता है मैंने आईसोपॉप jQuery प्लगइन सफलतापूर्वक प्रत्यारोपित किया है, लेकिन किसी कारण से मुझे पहली बार पृष्ठ लोड होने पर सभी आइटम दिखाने में समस्या आती है और यह केवल क्रोम पर है।

आप यहां देख सकते हैं कि http://dl.dropbox.com/u/15358757/sd.jpg क्या हो रहा है, यह तत्व एक-दूसरे के शीर्ष पर हैं। लेकिन जब मैं PSDs पर दबाता हूं और फिर सभी को वापस ठीक से दिखाता है।

मेरे पास कंटेनर के लिए डिफ़ॉल्ट ऊंचाई नहीं है क्योंकि मैं गतिशील होना चाहता हूं।

कोई विचार यह है कि मैं इसे कैसे ठीक कर सकता हूं?

Answer 1

समस्या यह है कि छवियों को लोड होने से पहले आइसोटोप अपनी बात कर रहा है।

http://isotope.metafizzy.co/demos/images.html

[इस डेमो में] आइसोटोप के बाद सभी छवियों imagesLoaded प्लगइन के साथ लोड किया जाता है शुरू हो रहा है।

http://isotope.metafizzy.co/docs/help.html#imagesloaded_plugin

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

$container.imagesLoaded(function() { 
    $container.isotope({ 
    // options... 
    }); 
});