Question

我想在页面的头部执行一个js代码，让这些代码一目了然地查看可能从html加载的任何元素，只要它们可用，而不是等待页面完成加载。这可能吗？

我的情况：

我想动态隐藏页面中的某些元素。到目前为止，我一直在$(window).ready(...)函数执行此操作，但副作用是元素在此函数启动之前显示一秒。我想在加载后立即捕获这些元素准备好显示，而不必等到整个页面被加载。

谢谢！

Answer 1

您可以隐藏元素＆＃34;默认情况下＆＃34;使用CSS类，然后，当页面准备就绪时，删除要显示的元素的类。

非常简单示例：

<强> HTML ：

<ul>
  <li class="hidden to-be-shown">Element A</li>
  <li class="hidden">Element B</li>
  <li class="hidden to-be-shown">Element C</li>
  <li class="hidden to-be-shown">Element D</li>
  <li class="hidden">Element E</li>
</ul>

<强> CSS ：

.hidden {
    display: none;
}

<强> JS ：

$(function () {
    $('.to-be-shown').removeClass('hidden');
});

这是demo。

希望这会有所帮助：）

Answer 2

为了避免你所描述的效果，你可以反转你的逻辑并最初用css隐藏所有元素然后显示

Answer 3

尝试查看加载页面时触发的$(document).load()，而不是在呈现页面时触发的$(document).ready()

Answer 4

简单的方法就是用CSS做（显示：无）但我想使用jquery你可以尝试

$(window).load(function() {
    //Code
});

希望这有帮助

JQuery - 加载时处理元素

4 个答案: