Jquery-core.holdReady()

3797 단어 jquery
jQuery.holdReady()
Description: Holds or releases the execution of jQuery's readyevent.
설명: jQuery의 완료 이벤트를 잠그거나 놓습니다.
version added: 1.6 jQuery.holdReady( hold )
1.6 버전 jQuery에 함수 추가
 
jQuery.holdReady(hold) whether the ready hold is being requestedor released
The $.holdReady() method allows the caller to delay jQuery'sready event. This advanced feature would typically be used by dynamic scriptloaders that want to load additional JavaScript such as jQuery plugins beforeallowing the ready event to occur, even though the DOM may be ready. Thismethod must be called early in the document, such as in the immediately after the jQuery script tag. Calling this method after the readyevent has already fired will have no effect.
To delay the ready event, first call $.holdReady(true). When theready event should be released to execute, call $.holdReady(false). Note thatmultiple holds can be put on the ready event, one for each $.holdReady(true)call. The ready event will not actually fire until all holds have been releasedwith a corresponding number of $.holdReady(false) calls and the normal documentready conditions are met. (See ready for more information.)
 
jQuery.holdReady(hold)hold는 이벤트가 완료된 상태(잠겨 있거나 해제됨)$를 나타냅니다.holdReady () 방법은 jQuery의 완성 이벤트를 이 함수에 잠그도록 합니다.이 고급 기능의 전형적인 응용 프로그램은 jQuery 플러그인 등 동적 스크립트를 불러오는 것입니다.추가 스크립트를 불러오기 전에 페이지가 준비되어 있어도 jQuery의 완료 이벤트는 터치되지 않습니다.이 함수는 페이지의 앞부분에서 호출되어야 합니다. 예를 들어 탭에서 jQuery가 다음 줄을 불러옵니다.이벤트가 트리거된 후에 이 함수를 호출해도 아무런 효과가 없습니다.사용 방법: 우선 $을 호출합니다.holdReady(true)[호출 후 완료 이벤트가 잠깁니다.]이벤트를 트리거할 준비가 되었을 때 $를 호출합니다.holdReady(false).주의해야 할 것은 완료 이벤트에 여러 개의 잠금을 추가할 수 있으며, 잠금마다 $가 대응합니다.holdReady(false)[잠금 해제] 호출.jQuery의 완료 이벤트는 모든 잠금이 해제되고 페이지가 준비된 상태에서 터치됩니다.
Example:
Delay the ready event until acustom plugin has loaded.
예: 사용자 스크립트 [myplugin.js]가 로드될 때까지 이벤트를 잠급니다.
$.holdReady(true); $.getScript("myplugin.js", function() {      $.holdReady(false); });
이상은 기성 도모에게서 온 자료이며, 다음은 기타 시험 코드를 상세하게 설명한다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"  ></script>
    <script type="text/javascript">
        $(function () { alert($("#div_test").html()); })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="div_test">
      this is a test!
    </div>
    </form>
</body>
</html>

 
이 코드의 실행 결과는this is a test에서 벗어나는 것입니다!정상적으로 실행되고 있으며 코드는 다음과 같이 변경되었습니다.
<script type="text/javascript">
        $.holdReady(true);
        $(function () { alert($("#div_test").html()); })
    </script>

코드는 팝업 창에서 튀어나오지 않습니다.$때문에.holdReady(true);Jquery 객체가 잠겼습니다.그 뒤에 $를 추가합니다.holdReady(false);코드를 풀면 정상으로 돌아갑니다.
 
<script type="text/javascript">
        $.holdReady(true);
        $(function () { alert($("#div_test").html()); })
        $.holdReady(false);
    </script>

 
 
 
 
 

좋은 웹페이지 즐겨찾기