javascript - 加载特定 <div> 后立即执行 .js

Question

$(window).load(function ()) 工作非常可靠，但是您必须等到所有页面都加载完毕才能看到 div 上的更改(尽管它位于顶部页面)。

刷新后，简单地将代码放在 div 之后不起作用，与 .ready 函数相同。

示例:JS Fiddle demo

Answer 1

我不确定你是否可以使用 jQuery 的 load类似 <div> 的元素上的方法因为它不会触发加载事件。但图像可以:

也许将它包装在 jQuery 的 ready 中方法:

$(window).ready(function(){

  $('div img').load(function(){

    // code to run after div's image has loaded

  });
})

编辑:

响应你的 fiddle ，如果你想在<p>之前运行JavaScript那么你可以直接输入 <script>在文档中它之前。 JavaScript 在浏览器遇到时运行，所以这应该可以工作:

<div id="texture">
  <!-- All your spans -->
</div>
<script>
  alert('this will run before your p element is loaded');
</script>
<p>I would prefer to run script before this text is loaded</p>