微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

我有这个代码

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

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

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

解决方法

使用 load等待加载所有图像/外部内容,因为这些可能会改变元素尺寸:
$(window).load(function () {
    doLayout();
});

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

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

原文地址:https://www.jb51.cc/jquery/177872.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐