gpt4 book ai didi

jQuery 预加载器不工作

转载 作者:太空宇宙 更新时间:2023-11-04 15:26:52 25 4
gpt4 key购买 nike

您好,我正在使用此插件在显示之前预加载所有内容。 http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/

但我不知道为什么这不起作用.. HERE IS THE DEMO

HTML

<div class="preload">
<img src="http://placehold.it/500/500" />
<img src="http://placehold.it/300/500" />
<img src="http://placehold.it/600/500" />
<img src="http://placehold.it/400/500" />
</div>

JS

$(document).ready(function () {
$("body").queryLoader2({
barColor: "#cccccc",
backgroundColor: "#ffffff",
percentage: true,
barHeight: 3,
completeAnimation: "fade",
minimumTime: 200
});
});

最佳答案

如果你只是在 JS Fiddle 中测试它,那么问题是 JS Fiddle 添加了一个:

$(window).load(function(){

这反过来会破坏您的代码。

如果你只是使用:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>

<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>



<link rel="stylesheet" type="text/css" href="/css/result-light.css">



<script type='text/javascript' src="http://gayadesign.com/scripts/queryLoader2/js/lib/jquery.queryloader2.js"></script>


<style type='text/css'>

</style>



<script type='text/javascript'>
$(document).ready(function () {
$("body").queryLoader2({
barColor: "#cccccc",
backgroundColor: "#ffffff",
percentage: true,
barHeight: 3,
completeAnimation: "fade",
minimumTime: 200
});
});


</script>


</head>
<body>
<div class="preload">
<img src="http://placehold.it/500/500" />
<img src="http://placehold.it/300/500" />
<img src="http://placehold.it/600/500" />
<img src="http://placehold.it/400/500" />
</div>

</body>


</html>

然后就可以了。

关于jQuery 预加载器不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18890668/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com