頁面加載器，用於某些身體元素

Question

我已經將此裝載機添加到我的網站

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

如您所見，它在頁面的所有內容加載完畢后逐漸消失。

我希望有一個加載器，該加載器在加載類后即消失（即class =“ myclass”）），而不是等待所有內容加載完畢。

先感謝您。

Answer 1

嘗試：

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

與以前相同的格式，只是選擇器不同。

Answer 2

嘗試使用准備就緒的文檔代替加載，以查看效果是否達到所需

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

load()將等待具有url ， href等屬性的元素。

Answer 3

var load_cs = $('.myclass');

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

我做到了..並且它幾乎可以按我的要求工作。 感謝您的幫助。 如果有人有其他建議，我將很高興聽到。