Определите, когда изменяется фактическая ширина/высота элемента.

Question

Я имею дело с некоторыми модалами, которые открываются в iframe (тот же домен, поэтому никаких проблем xss). Один из модалов, которые я либо скрываю, либо показывает варианты, основанные на вещах, которые вы делаете, которые вырастают или сжимают форму. Во всяком случае, длинный рассказ короче, у меня есть код, который обрабатывает изменение размера iframe на основе текущей высоты/ширины тела при активной нагрузке. Проблема в том, что я не уверен, какое событие нужно использовать, чтобы определить, что фактический размер тела изменился после начальной загрузки.

Answer 1

Почему бы не добавить setInterval()? Что-то вроде:

var originalWidth = {set original width} 
var originalHeight = {set original height}; 
setInterval(function(){ 
    var currentWidth = {grab new values}; 
    var currentHeight = {grab new values}; 
    if(originalWidth !== currentWidth){ 
     //Change the width now... 
     //Next, set originalWidth to be the same as current for future checks 
     originalWidth = currentWidth; 
    } 
    //Now, do the same for original and current height 
},100)