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);
});

获取按高度（以％为单位）大小的div的宽度（以px为单位）

1 个答案: