How do I trigger javascript to execute on document windown resize (without refreshing the page)?

Question

I'm having a problem getting javascript to execute whenever I resize the browser window. I am using the following 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));
    }
});

It's calculating the height of a specific div. Then it is adding 39px to that height, and it sets the new height to another div. This works perfectly whenever I resize the page and then press refresh/reload. However, I want this to trigger without having to refresh/reload. How do I do that?

Linuxios · Accepted Answer · 2012-11-03 01:57:21Z

3

Try this:

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

answered Nov 3, 2012 at 1:57

Linuxios

35.9k13 gold badges96 silver badges118 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do I trigger javascript to execute on document windown resize (without refreshing the page)?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related