jquery - 如何让加载器等待特定的div

Question

我一直在我的网站上使用这个小东西(代码)来实现加载器动画，我想知道是否可以让它在淡出之前只等待几个特定的​​ div 元素。现在它会等待整个网站加载后再显示，但我想让它只等待网站顶部可见的 div 以使其更快。

$(window).load(function() {
    $('.loader').fadeOut(250);
})

<div class="loader"></div>

.loader {
position:fixed;
width:100%;
height:100%;
top:0px;
left:0px;
z-index:9999;
background-color:#000;
background-image: url(images/loader.gif);
backgourd-repeat:no-repeat;
background-postition:50% 50%;
}

Answer 1

您可以在某些 div 上使用 jquery load-event，而不是在整个窗口上调用它:

$( "#your-div" ).load(function() {
  $('.loader').fadeOut(250);
});

https://api.jquery.com/load-event/