Коробки равной высоты + наблюдать за изменениями макета

Question

Какой способ выбрать для наблюдения за изменениями макета на веб-сайте?

Я использую плагин jQuery EqualHeight на двух полях контента, с границей справа на первом блоке, чтобы разделить их.Если высота правой рамки выше, то граница не подходит, поэтому я использую EqualHeight jQuery.

пока все хорошо ...

Если размеризменяется правое поле, возможно, из-за эффекта аккордеона или шоу / высоты, высота левого ящика и, таким образом, граница / разделитель остается неизменной.

Итак, какой самый простой способ наблюдать изменения макетабез вызова функции равной высоты при явных действиях (например, переключатели show / hide)?

Должен ли я использовать таймер для регулярной проверки изменений макета и выполнения функции или это снижает производительность?

В качестве дополнительного примечания я мог бы использовать таблицу или display: table для имитации поведения таблицы, но это немного плохо.Я опробовал CSS-правила Flexbox, и это здорово (экспериментально / не поддерживается).Так что как простой запасной вариант я хотел бы установить равную высоту с помощью JS

Answer 1

Самый простой способ - узнать, когда происходят эти изменения макета. Это не случайно, всегда есть способ сказать: «Эй, теперь это изменилось».

Самый простой способ - использовать функции jQuery, которые изменяют макет и используют структуру событий. Например, отправьте пользовательское событие, когда произойдет изменение. Другие элементы теперь могут приспособиться к этому.

Приятной особенностью jQuery является то, что почти каждая функция имеет обратный вызов. используйте обратный вызов, когда какая-то анимация сделана, чтобы отправить ваше пользовательское событие другим элементам, чтобы они могли регулировать свою высоту.