javascript - HTML元素插入DOM时是否有 "element ready"事件？

Question

我正在使用 Backbone View 渲染一些小部件，它们在渲染为独立元素后插入到 DOM 中。虽然某些插件/小部件在元素仍然“在半空中”时可以工作，但其他插件/小部件需要元素成为 DOM 的一部分才能正常运行。例如，在主干 View 的渲染方法中，我需要调用:

$("#images").slimScroll(); //slimScroll is a jquery plugin that add custom scrollbar 

但这行不通。它只有在 Backbone View 元素位于 DOM 中之后才起作用，现在我的解决方法是在将 widget 插入到 DOM 后调用插件方法，但这非常不灵活。因此，当元素在 DOM 中呈现时，我需要一个事件，例如 document.ready，但当元素在文档中准备就绪时触发。有这样的事件吗？或者说处理这种情况的最佳方法是什么？

Answer 1

Ajax 本身不会导致 DOM 更新。

如果由于某些 Ajax 内容而导致 DOM 更新，那是因为事件处理函数修改了 DOM。

只需将您的代码放在该事件处理程序中的 DOM 修改代码之后即可。

也就是说，您可以使用 mutation observer 来监视 DOM 的更改在 supported browsers .