是否可以通过jQuery事件检测何时加载所有图像?
理想情况下,应该有一个
$(document).idle(function()
{
}
Run Code Online (Sandbox Code Playgroud)
要么
$(document).contentLoaded(function()
{
}
Run Code Online (Sandbox Code Playgroud)
但我找不到这样的事情.
我想过附上这样的事件:
$(document).ready(function()
{
var imageTotal = $('img').length;
var imageCount = 0;
$('img').load(function(){if(++imageCount == imageTotal) doStuff();});
}
Run Code Online (Sandbox Code Playgroud)
但如果图像无法加载,这会破坏吗?在正确的时间调用该方法至关重要.
可能重复:
加载dom中的所有图像后jquery回调?
页面加载完成后,我使用以下脚本加载div:
<script type="text/javascript">
$(document).ready(function(){
$('#page_effect').fadeIn(1618);
});
</script>
Run Code Online (Sandbox Code Playgroud)
但是,问题是fadeIn会在页面加载完成时触发,但不是所有图像.有没有办法改变它所以它会触发淡入淡出所有文件加载完成的那一刻?
谢谢.