jQuery的同位素的實現：不是動畫

http://rgbdrinks.squarespace.com/

然後我超前了，試圖改變容器CSS，無法折回我的腳步。

我會非常感謝任何幫助。

最良好的祝願，

安德魯

下面的代碼：

<div id="container"> 
    <div class="item"><span class="full-image-inline ssNonEditable"><span><img style="width: 150px;" src="/picture/drink%20pour%203.jpg?pictureId=18133348&amp;asGalleryImage=true&amp;__SQUARESPACE_CACHEVERSION=1370962041640" alt="" /></span></span></div> 
    <div class="item"><span class="full-image-inline ssNonEditable"><span><img style="width: 150px;" src="/picture/martini%20glass%20splash.jpg?pictureId=18133349&amp;asGalleryImage=true&amp;__SQUARESPACE_CACHEVERSION=1370962058097" alt="" /></span></span></div> 
    <div class="item"><span class="full-image-inline ssNonEditable"><span><img style="width: 150px;" src="/picture/tablecloth.jpg?pictureId=18133350&amp;asGalleryImage=true&amp;__SQUARESPACE_CACHEVERSION=1370962092184" alt="" /></span></span></div> 
<div class="item"><div id="squarespace-slideshow-wrapper-1370943850" rel="51b6f18ae4b0877f36bb6468" class="ss-slideshow-v2"></div></div> 
</div> 

<script src="http://rgbdrinks.squarespace.com/storage/isotope/js/jquery-1.7.1.min.js"></script> 
<script src="http://rgbdrinks.squarespace.com/storage/isotope/js/jquery.isotope.min.js"></script> 
<script src="http://rgbdrinks.squarespace.com/storage/isotope/js/fake-element.js"></script> 

<script> 
$('#container').isotope({ 
    // options 
    itemSelector : '.item', 
    layoutMode : 'fitRows' 
}); 
</script>

來源

2013-06-12 Andrew Ridge

實際上有什麼問題？ – Stanley

div不會與瀏覽器窗口調整大小，因此不會顯示元素的動畫。 –

是的！非常感謝你。 –

你爲#canvasWrapper和#contentWrapper設置固定寬度（1,024像素）。嘗試設置寬度百分比而不是固定寬度

#canvasWrapper { 
    width: 100%; 
} 

#contentWrapper{ 
    width: 100%; 
}

來源

2013-06-12 09:30:52 Stanley

jQuery的同位素的實現：不是動畫

回答

相關問題