在window.resize事件之后DOM完全呈现的时间是什么？如何挂钩到该事件？

Question

我正在使用Bootstrap 3.2，它的媒体查询策略允许它为各种视口大小重写DOM（在Bootstrap中，对于大，中，小和超小视口，这些是lg，md，sm和xs ）。但是当我使用Bootstrap时，我需要确保在我的JavaScript代码运行之前，在浏览器窗口调整大小之后完全重新呈现DOM。

目前，我有一个由于windows.resize事件而触发的JavaScript函数：

$(window).resize(function () {
   ActivateControls();
});

但是这个事件有时会在DOM完全重新渲染之前触发（似乎Bootstrap与我自己的JS代码一起异步处理resize事件 - 这不会起作用 - 我需要我的代码来运行AFTER bootstrap完全重新呈现DOM以响应调整大小。）

是否有可以连接的回调事件，以便在浏览器调整大小操作完全更新DOM后收到通知？

谢谢。

Answer 1

除非有人反对，否则我认为答案是使用Bootstrap本身使用的相同逻辑，Shai指出 - 也就是说，在CSS中使用媒体查询而不是等待Bootstrap完全呈现DOM之后调整大小事件。使用媒体查询将使我的特殊情况样式触发视口大小更改，而不必等待Bootstrap。

我可能会发布另一个问题，因为我仍然认为有一种$（document）.ready（）函数可能会有用，它在调整大小事件之后触发，而不是在回发之后触发。如果有人知道这样的事情，请告诉我。

感谢。