Question

我正在使用一个使用JQuery的ASP.NET MVC 3应用程序。在这个应用程序中，我有我的_Layout.cshtml文件和MyView.cshtml。在_Layout.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>

在MyView.cshtml中，我有以下内容：

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

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

此时，“已加载页面”消息框出现在“Root Loaded”消息之前。我有点理解为什么会这样。但是，我想在MyView.cshtml中编写一个在调用root document.ready函数后调用的方法。我有道理吗？有没有办法做到这一点？如果是这样，怎么样？

谢谢

Answer 1

您可能需要按照以下答案中的建议考虑排队：

jQuery multiple document ready queue order

Answer 2

这应该在页面上的所有元素加载后触发，因此，它应该比ready事件更晚。

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

JQuery - 绑定/附加到document.ready

2 个答案: