我试图在此html页面的div部分中显示加载程序GIF图像。但是我无法使它正常工作。 div内容被隐藏,GIF图像消失。
CSS:
.loader {
background-image: url(image/Preloader_8.gif);
background-repeat: no-repeat;
height:100px;
width:200px;
}
JavaScript:
<script type="text/javascript">
$(window).load(function() {
$(".loader").fadeOut("slow");
})
</script>
HTML:
<body>
<div class="loader">
Loading Image
</div>
</body>
最佳答案
您是使用AJAX来获取div中的内容还是仅使用.load函数?
如果是.load()jQuery事件,
$( ".loader" ).load( "test.html", function() {
$(".loader").fadeOut("slow");
});
如果有AJAX请求,则在AJAX调用成功的情况下调用
loader
函数。function loader() {
$(".loader").fadeOut("slow");
});
关于javascript - HTML页面中的页面加载器,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33296138/