在窗口调整大小时更新用 js 计算的 div 高度

Question

使div高度等于其宽度的代码如下：

$('div').height($('div').width());

但是，如果您手动调整浏览器窗口的大小，高度不会更新 - 您需要刷新页面。知道如何纠正吗？

Answer 1

你需要在 window.onresize 事件上绑定你的代码：

window.onresize=function(){
  $('div').height($('div').width());
};

文档：http://www.w3schools.com/jsref/event_onresize.asp