jQuery在resize上获取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();
});

Answer 2

你想要宽度，但是你要调用.height()。试试var newWidth= jQuery("#container").width();