如何触发javascript在文档windown resize上执行(不刷新页面)?

如何触发javascript在文档windown resize上执行(不刷新页面)?,javascript,css,triggers,resize,execute,Javascript,Css,Triggers,Resize,Execute,每当我调整浏览器窗口的大小时,让javascript执行都有问题。我正在使用以下javascript: $(document).ready(function(){ var heightNum = $('#work-details-info').height() + 39; if (($(document).width() > 767) && ($(document).width() < 900)) { $('#work-details-lef

每当我调整浏览器窗口的大小时,让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));
    }
});
$(文档).ready(函数(){
var heightNum=$(“#工作详细信息”).height()+39;
如果($(document.width()>767)和($(document.width()<900)){
$('#工作细节左cntr').css(“height”,(heightNum));
}
});
它计算一个特定div的高度。然后在该高度上添加39px,并将新高度设置为另一个div。每当我调整页面大小,然后按“刷新/重新加载”时,这项操作都会非常有效。但是,我希望在不刷新/重新加载的情况下触发此命令。我该怎么做?

试试这个:

$(window).resize(function () {
  var heightNum = $('#work-details-info').height() + 39;
  if (($(document).width() > 767) && ($(document).width() < 900)) { 
    $('#work-details-left-cntr').css("height", (heightNum));
  }
});
$(窗口)。调整大小(函数(){
var heightNum=$(“#工作详细信息”).height()+39;
如果($(document.width()>767)和($(document.width()<900)){
$('#工作细节左cntr').css(“height”,(heightNum));
}
});
试试这个:

$(window).resize(function () {
  var heightNum = $('#work-details-info').height() + 39;
  if (($(document).width() > 767) && ($(document).width() < 900)) { 
    $('#work-details-left-cntr').css("height", (heightNum));
  }
});
$(窗口)。调整大小(函数(){
var heightNum=$(“#工作详细信息”).height()+39;
如果($(document.width()>767)和($(document.width()<900)){
$('#工作细节左cntr').css(“height”,(heightNum));
}
});