jQuery选项卡隐藏直到加载

Question

我正在使用 jQuery UI 选项卡来控制我正在实施的投资组合页面上的内容呈现。该页面包含许多大图像，并且选项卡大约需要一两秒钟才能完全加载。我想知道它们是否是一种在加载选项卡之前隐藏/屏蔽所有内容的方法。理想情况下，我希望在加载选项卡之前显示加载图形。

请指教。

谢谢， 布拉德

Answer 1

$(document).ready 用于当 DOM 被内容完全加载时。您要做的是将标签 div 设置为在 css 中显示：无，直到图像完全加载。在 oldschool javascript 中，我们曾经使用 .onload() 函数。你会想要使用它，当它触发时，你将选项卡的 div 设置为 display:block（或使用 jQuery 的 .show()）。对于等待图形，在 div 中使用一个微调器，它的 css 是 display: block。然后在 onload() 函数中，执行 jquery .hide()。