我试图在此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/

10-14 13:17