javascript - 如何捕获元素及其所有子元素完全呈现的事件

Question

大约有一天，我试图找出如何捕捉 html 元素完全加载和呈现的事件。

我几乎尝试了所有方法，从加载时绑定(bind)、就绪等。到目前为止，我只是说当 html 在页面上可见但未完全呈现时我捕获了一个事件。

“完全渲染”是什么意思？我有一个 <div>其中包含一个由 Controller 变量归档的表格。这些变量中有一些文本。当这段文字太长时，我的<div>当文本出现在 <div> 中时，元素的高度会增加.根据这个 div 的高度，我设置了另一个元素的固定位置。基本上，我想捕获时刻，特别是 <div>让我们说 id="myDiv"显示了它的所有内容，并且从那时起它不会改变，所以我可以使用有关它的大小和位置的信息以供进一步使用。

在 <div> 时是否有可能捕获事件？并且它的所有子元素都完全呈现在页面上？

注意:我的<div>放置在由 <div ui-view></div> 加载的部分 html 中在另一个 html 文件中。

Answer 1

您可以在 div 内容加载后使用 setTimeout 方法，如下所示

$("document").ready(function() {
    setTimeout(function() {
        $("ul.galleria li:first-child img").trigger('click');
    },10);
});