同位素元素只刷新頁面刷新

Question

我正在嘗試同位素jquery重新排列投資組合。

我希望網站能夠響應，因此我已將容器中的元素設置爲22％寬。

但是，當我第一次加載頁面時，一切看起來都很好。或刷新它。但是，如果我調整頁面大小，元素寬度變化很好，但它們之間的差距很大。

當在縱向和橫向之間的ipad烘烤測試時發生同樣的事情。

爲什麼他們不會自動進入新的位置，直到頁面刷新？這是一個例子。我在談論的部分是'精選'框。

Http://www.comeinside.co.uk

Answer 1

永遠不要使用這個插件，但經過一個小Googling，它看起來像他的演示你想要做什麼： http://isotope.metafizzy.co/demos/fluid-responsive.html

// update columnWidth on window resize 
$(window).smartresize(function(){ 
    $container.isotope({ 
    // update columnWidth to a percentage of container width 
    masonry: { columnWidth: $container.width()/5 } 
    }); 
});