body 的某些元素的页面加载器

Question

我已将此加载程序添加到我的网站

$(window).load(function () {
        $("#page-preloader").fadeOut(300);
});

如您所见，它会在页面的所有内容加载完毕后淡出。

我想要一个在加载 class 后立即淡出的加载程序（即 class="myclass"）），而不是等待所有内容加载完毕。

提前谢谢你。

Answer 1

尝试：

$('.myclass').load(function () {
        $("#page-preloader").fadeOut(300);
});

格式与以前相同，只是选择器不同。

Answer 2

试试用document ready代替load，看看效果是不是你需要的

$(function() {
    $("#page-preloader").fadeOut(300);
});

load() 将等待具有 url、href 和类似属性的元素。

Answer 3

var load_cs = $('.myclass');

if (load_cs.length) {
    $("#page-preloader").delay(3000).fadeOut(300);
}

我这样做了..而且效果很好。感谢您的帮助。如果有人有任何其他建议，我将很高兴听到。

Page loader for certain elements of the body