javascript - 如何触发 javascript 在文档窗口调整大小时执行（不刷新页面）？

Question

每当我调整浏览器窗口的大小时，我都会遇到执行 javascript 的问题。我正在使用以下 javascript：

$(document).ready(function(){
    var heightNum = $('#work-details-info').height() + 39;
    if (($(document).width() > 767) && ($(document).width() < 900)) { 
    $('#work-details-left-cntr').css("height", (heightNum));
    }
});

它正在计算特定 div 的高度。然后将 39px 添加到该高度，并将新高度设置为另一个 div。每当我调整页面大小然后按刷新/重新加载时，这都能完美运行。但是，我希望它无需刷新/重新加载即可触发。我怎么做？

Answer 1

试试这个：

$(window).resize(function () {
  var heightNum = $('#work-details-info').height() + 39;
  if (($(document).width() > 767) && ($(document).width() < 900)) { 
    $('#work-details-left-cntr').css("height", (heightNum));
  }
});