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

Question

我正在使用这个插件: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。我该怎么做？

Answer 1

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