我正在尝试找到一种方法来监视/观察DOM元素上的偏移/宽度/高度以捕获任何更改。但是,如果另一个元素移动了监视元素或调整了大小,我还需要捕获元素的任何更改。例如。观察对象上方的DOM元素增长,并占用更多空间,导致观察到的元素偏移移动。
Example to demonstrate what I need to watch/monitor
我已经使用计时器实现了它,但回调/观察者会好很多。
我找到了几种观察特定元素变化的方法,但这会涉及监控整个DOM的变化,这是不理想的。
显示如何监视/观察特定项目更改的解决方案不会有帮助,因为它们依赖于特定项目上的属性/ CSS更改。 什么不起作用的例子: jQuery CSS Property Monitoring Another watch tool
我认为MutationObserver可能会起作用,但我还没有开始工作。
如果有人有想法,请赐教他们!
更新14.Oct 2013:请参阅我自己的答案以获得解决方案。
答案 0 :(得分:1)
我必须自己创建图书馆,但忘了用图书馆回答这个问题。
github.com/leifcr/jquery-csswatch上的来源和此处的示例:leifcr.github.io/jquery-csswatch/examples/