針對特定div內容的JavaScript預加載器

Question

一旦加載了特定的div內容，我需要刪除loader gif。

我試過使用這個，但它是加載整個網站，然後loader gif被刪除。

$(window).load(function(){ 
    $("#banner_loader").addClass("displaynone"); 
}); 

Answer 1

你可以把腳本時，DIV加載將執行DIV，像this

<div> 
    <script> 
     $("#banner_loader").addClass("displaynone"); 
    </script> 
</div> 

Answer 2

如果使用AJAX加載div內容，您可以使用.ajaxStart()和ajaxStop()：

$(document).ajaxStart(function(){ 
    $("#banner_loader").show(); 
}).ajaxStop(function(){ 
    $("#banner_loader").hide(); 
});