Javascript - Wie erkennt man eine Elementbreitenänderung?

Question

In reinem Javascript und jQuery, Wie erkennt man, ob sich die Breite eines Elements geändert hat? Zum Beispiel, wenn die Breite eines Elements wie css Media Abfragen ändert, wenn Fenstergröße geändert wird, wie man es erkennt?

Ich habe versucht -

$(element).resize(function() {}); 

Aber das hat nicht funktioniert.

Ich habe SO Lösungen über Plug-Ins gefunden. Ja, sie funktionieren, aber jede reine Javascript und Jquery basierte Lösung?

Answer 1

Ein Größenänderungsereignis sollte auf das Fensterobjekt angewendet werden.

Sie können wie folgt tun:

$(document).ready(function() { 
    $(window).on('resize', '', {'width':$('.resize-watch').width()}, onResizeWatch); 

}); 

function onResizeWatch(e) 
{ 
    console.log('old width', e.data.width); 
    console.log('new width', $('.resize-watch').width()); 
    $(window).off('resize'); 
    $(window).on('resize', '', {'width':$('.resize-watch').width()}, onResizeWatch); 
}