jQuery масонство. Обновить columnWidth при изменении размера

Question

Я пытаюсь понять, как изменить ширину столбца моей жидкой кладки при изменении размера окна браузера. Поэтому, когда ширина браузера меньше 1300px ColumnWidth переходит от 4 до 3.
Вот мой JQuery:

jQuery(document).ready(function() { 

     jQuery('#thumb-wrap, #thumb-wrap-2').masonry({ 
      itemSelector: '#thumb-container-1, #thumb-container-2', 
      // set columnWidth a fraction of the container width 
      columnWidth: function(containerWidth) { 
      return containerWidth/4; 
      } 

      }); 
    }); 

ли это вообще возможно?

Answer 1

Как насчет переопределения по размеру окна?

$(window).resize(function() { 
    $('#thumb-wrap, #thumb-wrap-2').masonry({ 
     itemSelector: '#thumb-container-1, #thumb-container-2', 
     columnWidth: function(containerWidth) { 
      var num = (containerWidth > 1300) ? 4 : 3; 
      return containerWidth/num; 
     } 
    }); 
});