3

我正在尝试找到一种方法来监视/观察 DOM 元素上的偏移量/宽度/高度以捕捉任何变化。但是，如果另一个元素移动了被监视的元素或调整了它的大小，我还需要捕捉对元素的任何更改。例如，被监视对象上方的 DOM 元素增长，并占用更多空间，导致被监视元素偏移量移动。

演示我需要观看/监控的示例

我已经使用计时器实现了它，但是回调/观察者会好得多。

我找到了几种方法来观察特定元素的变化，但这将涉及监视整个 DOM 的变化，这并不理想。

显示如何监视/监视特定项目更改的解决方案将无济于事，因为它们依赖于该特定项目的属性/ CSS 更改。不起作用的示例： jQuery CSS 属性监控 另一个监视工具

我认为 MutationObserver 可能会工作，但我还没有让它工作。

如果有人有想法，请赐教！

2013 年 10 月 14 日更新：请参阅我自己的答案以获得解决方案。

4

1 回答 1

1

我必须建立自己的图书馆，但忘了用图书馆回答这个问题。

来源github.com/leifcr/jquery-csswatch和示例：leifcr.github.io/jquery-csswatch/examples/

于 2013-10-14T21:15:32.097 回答