浏览器刷新后，jquery砌体排水沟会放大

就在我认为我在提高砖石结构的响应能力方面取得了进展的时候

我用这个密码打电话进来：

jQuery(document).ready(function($) {
var CollManag = (function() {
    var $ctCollContainer = $('#grid'),
    collCnt = 1,
    init = function() {
        changeColCnt();
        initEvents();
        initPlugins();
    },
    changeColCnt = function() {
        var w_w = $(window).width();
        if( w_w <= 480 ) n = 1;
        else if( w_w <= 700 ) n = 2;
        else n = 3;
    },
    initEvents = function() {
        $(window).on( 'smartresize.CollManag', function( event ) {
            changeColCnt();
        });
    },
    initPlugins = function() {
        $ctCollContainer.imagesLoaded( function(){
            $ctCollContainer.masonry({
                itemSelector : '.box_item',
                columnWidth : function( containerWidth ) {
                    return containerWidth / n;
                },
                isAnimated : true,
                animationOptions: {
                    duration: 250
                }
            });
        });

    };
    return { init: init };
})();
CollManag.init();

jQuery（文档）.ready（函数（$）{
var CollManag=（函数（）{
var$ctCollContainer=$（“#网格”），
collCnt=1，
init=函数（）{
changeColCnt（）；
initEvents（）；
initPlugins（）；
},
changeColCnt=函数（）{
var w_w=$（窗口）.width（）；
如果（w_w这段代码肯定在stackoverflow上做了大量工作！我想我已经缩小了一点。看起来脚本正在计算包含滚动条的查看端口，而不是排除滚动条。如果我让页面变高，没有滚动条，问题就不会出现。看起来
n
是在
changeColCnt中计算的基于窗口的宽度，而不是砖石容器。如果I/OR的宽度在<代码>柱宽：函数（容器宽度）{//计算N，这里返回容器宽度/N；}，/Cuth>也考虑到可能性，那么情况会改善吗？（当触发调整大小事件时）砌体收集容器角落中的所有项目，计算宽度，然后进行排列。如果项目“折叠”时，页面高度不需要垂直滚动条，并且项目布局后页面确实需要垂直滚动条，我不确定是否触发页面调整事件，砌体可能仍然认为其容器的宽度相同就像没有垂直滚动条一样。@frozenkoi没有任何区别。我使用的是上述脚本的不同变体，问题仍然存在！
// load masonry / change layout based on view port
$(document).ready(function(){
    var $container = $('#grid');
    var gutter = 20;
    var min_width = 230;
    $container.imagesLoaded( function(){
        $container.masonry({
            itemSelector : '.box_item',
            gutterWidth: gutter,
            isAnimated: true,
              columnWidth: function( containerWidth ) {
                var box_width = (((containerWidth - 2*gutter)/3) | 0) ;

                if (box_width < min_width) {
                    box_width = (((containerWidth - gutter)/2) | 0);
                }

                if (box_width < min_width) {
                    box_width = containerWidth;
                }

                $('.box_item').width(box_width);

                return box_width;
              }
        });
    });
});