Question

我试图在JQuery或Javascript中获取元素加载或就绪事件。例如，考虑我有一个像

这样的html页面

<html>
<head>
</head>
<body>
    <div id="1"></div>
    <div id="2"></div>
    <div id="3"></div>
    <div id="4"></div>
    <div id="5"></div>
    <div id="6"></div>
</body>

当ID为3的div准备就绪时，我会收到通知。在此之前元素准备好之前，应该在document.ready事件之前触发此事件。

有可能吗？

Answer 1

您无法将load事件监听器附加到div（仅限window，body，脚本，图片和iframe），但您可以在第三个div之后插入您的脚本：

<body>
    <div id="1"></div>
    <div id="2"></div>
    <div id="3"></div>
    <script>doSomething()</script>
    <div id="4"></div>
    <div id="5"></div>
    <div id="6"></div>
</body>

当然，这并不能保证div（图像等）中的所有元素都已完成加载。

Answer 2

你可以这样做......

JavaScript：

<script>
function myfunction(){
//my stuff;
}
</script>

HTML：

<!doctype html>
<html>
<head>
</head>
<body>
    <div id="1">A</div>
    <div id="2">B</div>
    <div id="3" >C</div>
    <script>myfunction()</script>
    <div id="4">D</div>
    <div id="5">E</div>
    <div id="6">F</div>
</body>
</html>

JQuery元素加载/就绪事件

2 个答案: