javascript - 在调整大小时更改砌体的columnWidth选项

我正在使用此插件：http://masonry.desandro.com/

我目前正在初始化960px布局的插件，我的代码是：

<script>

$(function(){

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

    $container.imagesLoaded( function(){
      $container.masonry({
        itemSelector : '.box',
        gutterWidth: 8,
            // Want to change this here:
        columnWidth: 113
      });
    });

  });
</script>

当屏幕宽度或浏览器窗口宽度大于1225px时，我想将columnWidth数从113更改为146。我该怎么做呢？

最佳答案

columnWidth: $(document).width() > 1225 ? 146 : 113