JQuery - Binding/appending to document.ready

Question

JQuery를 사용하는 ASP.NET MVC 3 응용 프로그램을 만들고 있습니다. 이 응용 프로그램에는 _Layout.cshtml 파일과 MyView.cshtml 파일이 있습니다. _Layout.cshtml에서 나는 다음과 같은 있습니다 MyView.cshtml에서

<div id="wrapper" style="background-color:Gray; height:100%;"> 
    <div id="content" style="background-color:Silver;"> 
    @RenderBody()  
    </div> 
    <div id="footer" style="background-color:Silver;"> 
    Footer 
    </div> 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
    // Do stuff 
    alert("Root Loaded"); 
    }); 
</script> 

을, 나는 다음과 같습니다 이때

<div id="contentDiv"> 
    <!-- Page content is here --> 
</div> 

<script type="text/javascript"> 
    $().ready(function() { 
     alert("Page Loaded"); 
    }); 
</script> 

, "페이지가로드"메시지 상자가 전에 나타나는 " Root Loaded "메시지가 표시됩니다. 나는 이것이 왜 일어나는지 이해하고 있습니다. 그러나, 루트 document.ready 함수가 호출 된 후에 호출되는 MyView.cshtml에 메소드를 작성하고 싶습니다. 나는 이해가 되니? 이것을 할 수있는 방법이 있습니까? 그렇다면 어떻게?

감사합니다

Answer 1

이로드 된 페이지의 모든 요소 후에 발생한다, 그래서 나중에해야 , ready 이벤트보다.

$(window).load(function() { 
     alert("Whole page Loaded"); 
    });) 

Answer 2

아래 질문에 대해 답 제안 당신은 큐 고려하는 것이 좋습니다

:

jQuery multiple document ready queue order