jquery - 获取按高度(以 % 为单位)调整大小的 div 的宽度(以像素为单位)

Question

我有一个按高度调整大小的 div，它的宽度是空的。

HTML

<div id="slideshow"><img src="1.jpg"></div>

CSS

#slideshow {
    position: absolute;
    height: 90%;
}

我需要获取其当前宽度(以 px 为单位)，以便在页面上放置其他元素。我尝试了以下但由于 CSS 没有宽度，var 的值为 0。

$(document).ready(function() { 
    var divWidth = $('#slideshow').width();
});

更新我发现了问题，子 img 加载有一个编程延迟，所以显然 var 的初始值为 0。有没有办法延迟获得 div 的宽度？

Answer 1

您可能想等到窗口完全加载。由于您的要求，我也为您添加了一个 setTimeout。

$(window).load(function() {
    setTimeout(function() {
        var divWidth = $('#slideshow').width();
        // put your function using divWidth in here as well.
    }, 500);
});