Javascript 改变砌体中的柱宽

Javascript 改变砌体中的柱宽,javascript,jquery,jquery-masonry,Javascript,Jquery,Jquery Masonry,我希望在调整大小时更改砖石结构的列宽 I初始砌体,包括: var $container = $('#container'); $container.masonry({ itemSelector: '.item', columnWidth: $('#container').width() / 4, }); 然后,我尝试: $(window).on("debouncedresize", function( event ) {

我希望在调整大小时更改砖石结构的列宽

I初始砌体,包括:

var $container = $('#container');
$container.masonry({
            itemSelector: '.item',
            columnWidth: $('#container').width() / 4,
        });
然后,我尝试:

$(window).on("debouncedresize", function( event ) {
    $container.masonry( 'option', { columnWidth: $('#container').width() / 4 });

});
但上述情况似乎没有任何影响。有什么想法吗

编辑:

我做了一个提琴,它似乎可以工作,不同的是在提琴和我的代码中使用了标准的窗口大小调整,我使用了插件debouncedresize


只有当窗口完成调整大小时,才会触发此操作,这一定是导致问题的原因,有什么解决方法吗?

请您使用Fiddle创建一个更新的原始问题的示例,它实际上工作正常,没有去BouncedResize:D@DhirajBodicherla是的,这似乎是个问题,但如果不调整窗口大小,不是更好吗,否则它会不断更新列宽?这取决于页面上有多少内容以及调用调整大小的频率