어떻게 라이너로드를 자바 스크립트로 만들 수 있습니까?

내가 javascript에 새로운 해요, 그 목적은이 코드를 쓰기 위해, 내 HTML 페이지에서 간단한 라이너 로딩을 이식 할 :
어떻게 라이너로드를 자바 스크립트로 만들 수 있습니까?

<div id="Back" style="width:100%;background-color:#1D1F20;height:5px;opacity:0.3;"> 
     <div id="sample" style="width:0%;background-color:#0099DA;height:5px;"> 
     </div> 
    </div> 
<script> 
     $(document).ready(function() { 
       $("#sample").animate({ "width": "100%" }); 
     }); 
     function LoadComplete() { 
      alert('Load Complete'); 
     } 
     window.onload = LoadComplete(); 
    </script>

웹 사이트까지 완전히로드 할, 즉 로더 사용자에게 보여주기, 페이지로드가 완료된 후 해당 로더가 닫힌 상태에서 어떻게 문제를 해결할 수 있습니까? 감사합니다.

출처

2017-02-23 behi razbehi

jquery. '.ready'는 "... DOM이 완전히로드 될 때 실행할 함수를 지정하십시오."라는 메시지가 표시되면 https://api.jquery.com/ready/ 문서를 확인하십시오. 'window.onload = LoadComplete();은'window.onload = LoadComplete;이어야합니다. https://developer.mozilla.org/en/docs/Web/API/GlobalEventHandlers/onload를 확인하십시오. 너는 문제가 명확하지 않다. 너는 무엇을 얻고 싶니? 페이지로드가 완료되지 않은 경우로드 막대를 표시 할 수 없습니다. –

@winner_joiner 내 문제에 대한 관심을 가져 주셔서 감사합니다, 내 페이지에 로더를 갖고 싶습니다. –

로드 JQuery와 라이브러리
장소 스크립트에 #sample의 DIV 후이 권리

$ ("# 샘플") 애니메이션 ({ "폭": "100 %"}).;

왜 작동하지 않는가는 페이지가로드 될 때 실행되는 $ (document) .ready 함수 내에서 위 함수를 실행하는 것입니다. 그러면 페이지가로드 될 때까지 기다린 다음 로더를 실행합니다. 그것은 말이되지 않습니다.

출처

2017-02-23 16:52:13 xszaboj

어떻게 라이너로드를 자바 스크립트로 만들 수 있습니까?

답변

관련 문제