jQuery:在文档准备好并呈现后获取div-width

Question

我试图获取div容器的宽度,将另一个div中的另一个css属性设置为第一个的宽度,我知道在页面完全加载和渲染之后.

我有这个代码:

$().ready(function() {
    doLayout();
}
function doLayout() {
    var $width = $("#sidebar").attr("width");
    $("#content").css("left", width);
}

问题是,在呈现页面之前调用ready,因此未设置width属性(或"undefined").如何确定当前宽度？

编辑: 建议更改后我有这个小提琴,但代码有效,但在我的实际应用程序中它不是.所以问题出在其他地方,我想:(

Answer 1

使用load等待所有图片/外部内容加载为好,因为这可能会改变元件尺寸:

$(window).load(function () {
    doLayout();
});

然后要获得计算的宽度,请使用width:

$("#content").width(); // width in px