javascript - 使用 jQuery 检测 div 的高度何时发生变化

Question

我有一个 div，其中包含一些动态添加和删除的内容，因此它的高度经常变化。我也有一个 div 绝对位于 javascript 的正下方，所以除非我能检测到 div 的高度何时发生变化，否则我无法重新定位它下面的 div。

那么，如何检测该 div 的高度何时发生变化？我假设我需要使用一些 jQuery 事件，但我不确定要挂接到哪个事件。

Answer 1

使用 css-element-queries 库中的调整大小传感器:

https://github.com/marcj/css-element-queries

new ResizeSensor(jQuery('#myElement'), function() {
    console.log('myelement has been resized');
});

它使用基于事件的方法，不会浪费您的 CPU 时间。适用于所有浏览器，包括。 IE7+。