javascript - 在特定之后立即执行 .js已加载

Question

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

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

示例：JS Fiddle 演示

Answer 1

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

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

$(window).ready(function(){

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

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

  });
})

编辑：

作为对你的小提琴的回应，如果你想在之前运行 JavaScript，<p>那么你可以将<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>

Answer 2

我建议您在 jQuery 初始化后使用 css 隐藏文本并使用 jQuery 显示它。