jQuery 在调整大小时获取 div 的宽度

Question

我正在尝试在调整大小时获取 div 的宽度并将其显示在控制台中，如下所示..

function matchHeight() {
    var newHeight = jQuery("#container").height(); //where #grownDiv is what's growing
	console.log(newHeight);
}


jQuery(window).on('resize', function(){
matchHeight();
});	

#container{
  background:tan;
  width:100%;
  height:500px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">
Container Content
</div>

它没有刷新值，我哪里出错了？

Answer 1

可能是因为您想要捕获宽度，而不是捕获高度......调整大小时不会改变。

function matchWidth() {
    var newWidth = jQuery("#container").width(); //where #grownDiv is what's growing
    console.log(newWidth);
}


jQuery(window).on('resize', function(){
    matchWidth();
});