How to automatically execute a Javascript function whenever width or height of a div changes?

Question

How to automatically execute a Javascript function whenever width or height of a div changes? I don't want to trigger an event manually. I am using jQuery.

When would the width or height of the div change? As a result of what? Window resizing? Content changes? — Jeff B
– Jeff B, Commented Nov 24, 2010 at 0:29

icyrock.com · Accepted Answer · 2010-11-24 00:29:24Z

5

Try this plugin:

http://benalman.com/projects/jquery-resize-plugin/

From their example:

$("#unicorns").resize(function(e){
  // do something when #unicorns element resizes
});

answered Nov 24, 2010 at 0:29

icyrock.com

28.7k4 gold badges72 silver badges92 bronze badges

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

Comments

Macy Abbey · Accepted Answer · 2010-11-24 00:29:37Z

0

Unfortunately there is no built in support for this. the .resize() function is only for the window object, and the .change() function is only for input elements. You will need to do it manually to the best of my knowledge.

answered Nov 24, 2010 at 0:29

Macy Abbey

3,8971 gold badge22 silver badges30 bronze badges

1 Comment

Macy Abbey Over a year ago

Doh, got owned by the guy below! :)

Collectives™ on Stack Overflow

How to automatically execute a Javascript function whenever width or height of a div changes?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related