특정 div 콘텐츠 용 JavaScript 프리 로더

Question

div 콘텐츠가로드되면 loader gif을 삭제해야합니다.

나는 이것을 사용하려고 시도했지만 전체 웹 사이트를로드하는 중 loader gif이 제거되었습니다.

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

Answer 1

당신은로드 div 콘텐츠를 AJAX를 사용하는 경우 사용할 수 있습니다 this

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

Answer 2

처럼 사업부가로드되면 실행됩니다 사업부에 스크립트를 넣을 수 있습니다 .ajaxStart() 및 ajaxStop() :

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