Javascript 在调整大小时更改砌体的“柱宽度”选项

我正在使用这个插件：

我目前正在初始化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。如何执行此操作？

如果在调整窗口大小时执行此操作，则需要将处理程序附加到调整大小事件。在事件处理程序中，如果合适，调用$yourdiv.Massey{columnWidth:}

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

---

您可能还想在此处查看jquery.resize插件：-一些大多数浏览器在调整窗口大小时会不断发送调整大小事件，如果用户将鼠标悬停在阈值附近，则可能会导致大量重新布局

如果在调整窗口大小时执行此操作，则需要将处理程序附加到调整大小事件。在事件处理程序中，如果合适，调用$yourdiv.Massey{columnWidth:}

---

您可能还想在此处查看jquery.resize插件：-一些大多数浏览器在调整窗口大小时会不断发送调整大小事件，如果用户将鼠标悬停在阈值附近，则可能会导致大量重新布局

屏幕宽度还是浏览器宽度？你需要选择-一个是恒定的；一个是在你的页面加载后由用户控制的。嗯，我真的需要这两个。调整窗口大小时，我的布局会中断，需要刷新才能修复。我还希望根据屏幕大小显示正确的布局，因此如果用户的分辨率为1024x768，我将按960px布局，而不是更大的布局。我不能同时拥有屏幕宽度或浏览器宽度吗？你需要选择-一个是恒定的；一个是在你的页面加载后由用户控制的。嗯，我真的需要这两个。调整窗口大小时，我的布局会中断，需要刷新才能修复。我还希望根据屏幕大小显示正确的布局，因此如果用户的分辨率为1024x768，我将按960px布局，而不是更大的布局。这两个都可以吗？这非常有效，但当我调整浏览器的大小时，布局会中断。要修复布局，我必须刷新。有没有一种方法可以使用这种方法，但可以增强它，以防止它在调整大小时中断，而不必刷新页面？也就是说，我可以调整浏览器的大小，并且无论发生什么情况，布局都是正确的。从Changelog v2.1:2011年12月9日开始，传入columnWidth函数以便于流体布局。请您告诉我如何“传入columnWidth函数以便于流体布局”，我对JS不太在行。感谢所有的帮助columnWidth:function{$document.widt>1225？146:113；}我认为这应该行得通我从未使用过砖石，但从我的评论来看，这似乎应该行得通。我接受了您的代码，但添加了$window.bind'resize'，function{window.location.href=window.location.href；}；最后效果还不错。谢谢这确实很好，但当我调整浏览器的大小时，布局会中断。要修复布局，我必须刷新。有没有一种方法可以使用这种方法，但可以增强它，以防止它在调整大小时中断，而不必刷新页面？也就是说，我可以调整浏览器的大小，并且无论发生什么情况，布局都是正确的。从Changelog v2.1:2011年12月9日开始，传入columnWidth函数以便于流体布局。请您告诉我如何“传入columnWidth函数以便于流体布局”，我对JS不太在行。感谢所有的帮助columnWidth:function{$document.widt>1225？146:113；}我认为这应该行得通我从未使用过砖石，但从我的评论来看，这似乎应该行得通。我接受了您的代码，但添加了$window.bind'resize'，function{window.location.href=window.location.href；}；最后效果还不错。谢谢我不太确定如何使用该插件来获得我想要的东西。你能给我一点建议吗？我不太确定如何使用这个插件来获得我想要的东西。你能给点建议吗？