Question

我正在尝试使用jquery获取div的内部宽度。我以前使用的代码如下所示

$(document).ready(function(){
        console.log("width : "+$("div").innerWidth());
}

但每次刷新页面时代码都会返回不同的值。有时它会返回971，有时会返回1336，我在CSS样式表中设置为特定分区的实际宽度为800px。有人可以告诉我我的代码有什么问题吗？我怎样才能得到正确的innerwidth？

注意：我需要innerwidth才能使部门响应。我正在该部门中显示图表，我希望我的图表能够响应。

Answer 1

add）;到你的脚本结束。

$(document).ready(function(){
        console.log("width : "+$(".div").innerWidth());
});

.div{width:800px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div">dghgdh</div>

Answer 2

$(document).ready(function() {
    var select = $('div');

    console.log('innerWidth: ' + select.innerWidth(), 'innerHeight: ' + select.innerHeight());

    console.log('clientWidth: ' + select[0].clientWidth, 'clientHeight: ' + select[0].clientHeight);

    console.log('offsetWidth: ' + select[0].offsetWidth, 'offsetHeight: ' + select[0].offsetHeight);
    console.log('width: ' + select.width(), 'height: ' + select.width());

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>Hello World!</div>

Answer 3

我认为你的问题是滚动条。你可以尝试一下

window.innerWidth ：使用滚动条

$（窗口）.width（）：没有滚动条

jquery get inner width返回不同的值

3 个答案: