jquery .load没有检查我的元素是否已加载

Question

我有这个代码

<script type="text/javascript">
$("#main_photo_display").load(function(){
    alert("loaded");
});
</script>

<div id="main_photo_display"></div>

一旦div加载,我需要它做一些事情.目前它什么都不做.当我用"#main_photo_display"代替窗口时,它可以工作.我已经google了,我不断遇到.load如何检查是否已加载页面元素.

Answer 1

您不能这样做：load事件不会在任何 HTML 元素上触发，只会在那些需要加载外部资源的元素上触发。

确保加载元素的最佳方法是将script标记放在标记中的元素后面。

<div id="main_photo_display"></div>

<script type="text/javascript">
    alert("loaded");
</script>

div在解析之前，Javascript 不会运行。