How can I detect whenever a
is resized using javascript/jQuery

Question

I know about $(window).resize(function () {.....}); but this only works whenever the window is resized.

I tried attaching this event to a e.g. $("#some-div").resize(function () {.....}); and it won't work.

Is there some other method using pure Javascript or jQuery?

JSFiddle

Thanks

You can create a custom event and trigger it manually if that helps. Here http://jsfiddle.net/GnGQf/2/ — Wilmer, Mar 09 '14 at 14:43
Not sure.. once try `$(document).on('resize', "#some-div", function() {/* code here */});` — Mr_Green, Mar 09 '14 at 15:15

user3380417 · Answer 1 · 2014-03-09T15:11:17.070

0

Maybe this can help.

https://hacks.mozilla.org/2012/05/dom-mutationobserver-reacting-to-dom-changes-without-killing-browser-performance/

It might be hard to detect changes just by using events. Adding text to a div may cause a resize but the event triggered does not reveal that.

edited Mar 09 '14 at 15:11

answered Mar 09 '14 at 14:48

user3380417

61
3

score -1 · Answer 2 · answered Mar 09 '14 at 14:51

-1

You can try

var divresize = $('#div_name').width();
        $(window).resize(function(){
            if($('#div_name').width() < divresize){
                alert('Your div has been resize')
            }
        })

answered Mar 09 '14 at 14:51

Rodrigo Zuluaga

497
3
11

This only works if the window resizes. The window will not necessarily resize every time my div does. – Kawd Mar 10 '14 at 10:15
Well actually this is what you ask, amplify the resquest to see what you're looking for to achieve with this ;)!!! – Rodrigo Zuluaga Mar 15 '14 at 14:44

How can I detect whenever a is resized using javascript/jQuery

2 Answers2

How can I detect whenever a
is resized using javascript/jQuery