jQuery选项卡隐藏直到加载

时间:2009-08-14 15:25:11

标签: jquery jquery-ui image loading portfolio

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

请告知。

谢谢, 布拉德

1 个答案:

答案 0 :(得分:3)

$(document).ready适用于DOM完全加载的内容。你想要做的是在图像完全加载之前将标签div设置为显示:无。在oldschool javascript中,我们曾经使用过.onload()函数。你会想要使用它,当它触发时,你设置tab的div来显示:block(或使用jQuery的.show())。对于等待图形,在div中使用一个微调器,即css为display:block。然后在onload()函数中,执行jquery .hide()。