javascript-基于调用函数的位置的不同结果

我试图确定一个引导容器在页面加载和调整浏览器大小时的左边距大小

JS:

HTML:

主要内容
边栏

我的问题是，当它在页面加载时运行，边距值大约比窗口大小调整时大10px

---

示例：我加载页面，边距变量的计算结果为233。当我调整大小时，它立即计算为225，无论我调整的是哪个方向。你知道在这两种情况下执行的javascript是相同的吗？

我认为这是因为第一个调用等待页面加载，第二个调用直接计算

看看这个例子：

当您用jQuery像这样包装函数时，

$（function（）{/*code*/}）

JQuery等待文档准备就绪。

$（函数（）{
//调用了.ready（）的处理程序。
});

当您直接绑定事件时，它不会等待文档准备就绪

我希望这有帮助
 嗨！我们能现场看到吗，还是用密码笔？现在，很难弄清楚可能发生了什么…谢谢，在您的示例中，调用document.ready和on resize时，边距看起来是相同的。知道我的情况会有什么不同吗？我认为需要将事件处理程序包装在
$（function（）{//handler for.ready（）called.}）中换句话说，等待页面加载document.ready on window.onload
$(function() {
    var margin = parseInt($('.container').first().css('margin-left'), 10);
});

$(window).resize(function () {
    var margin = parseInt($('.container').first().css('margin-left'), 10);
});

<div class="container">
    <div class="row">
        <div class="col-sm-9 main">
            <div class="content text-center">
                <h1>MAIN CONTENT</h1>
            </div>
        </div>

        <div class="col-sm-3 sidebar">
            <div class="content text-center">
                <h1>SIDEBAR</h1>
            </div>
        </div>
    </div>
</div>