在加载特定<div>后立即执行.js </div>

Question

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

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

示例：JS Fiddle demo

Answer 1

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

也许用jQuery的ready方法包装它：

$(window).ready(function(){

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

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

  });
})

修改：

如果您想要在<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>

Answer 2

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