检测div属性更改 - jQuery

Question

我正在寻找可以检测<div>上的任何更改的插件。它必须与IE8 +兼容。

这就是我想要做的。我需要以优化的方式每秒运行重绘滑块功能大约10次。

  

setInterval不是一个选项

尝试：

• http://darcyclarke.me/dev/watch/

  不适用于IE。

• http://meetselva.github.io/attrchange/

  这个人在IE9-10中过度使用了我的网站。

• http://benalman.com/projects/jquery-resize-plugin/

  镀铬车。

Answer 1

AngularJS框架可以很容易地做到这一点。如果你无法利用Angular的许多强大功能，你可能想要重新创建这个功能而不包括整个框架。让我总结一下角度对你的问题的影响。

您存储了一个“监视”功能，它返回您想要观察更改的内容，在您的情况下，您将返回类似于属性数量或布尔值的内容 - 无论它是否具有属性等等...您的需求。您将存储该值，以便您知道函数再次运行时的旧值。如果返回的值与先前的值不同，您还存储一个回调来运行。回调后，“监视”检查将重复，直到值停止变化（小心无限循环）。此时，您将使用某个事件启动手表检查和回拨。例如，如果单击按钮使滑块开始，则在该按钮的单击事件中调用您的函数。这里要考虑的是你不需要直接处理dom元素的事件，而是其他一些事件或函数。更具体的答案确实需要查看您正在处理的代码并更好地了解您的问题/目标。 Here's a detailed guide on how Angular implements the watcher/callback.

这里要说的更重要的是，这可能是X/Y problem，您关注如何针对实际问题实施某种解决方案，但您的解决方案并不好开始。