jquery - MVC 和 jQuery 中的页面加载事件?

标签 jquery asp.net-mvc

有没有办法在网页加载时执行一些事件? 我试图找出的是,以一种非常简单的方式,在页面开始加载时显示图像或类似“正在加载...”的消息,然后在页面加载完成后隐藏它或使其消失。 用户可以继续页面上的交互。

我已经阅读并尝试了使用 document.ready 的 jQuery 方式,但是一旦文档完全加载,它就会被执行。 load 方法也是如此。

因此,如果我有一个需要一些时间才能完全加载的页面,那么当页面开始加载时是否会触发一个页面事件,我可以连接该事件,并在页面准备好时触发一个后事件?

我目前正在使用 ASP.NET MVC 创建应用程序(如果有帮助的话)。

这是一个示例页面:

<body>
    <div class=".loading">
        <p>
            <img src="http://sampsonresume.com/labs/pIkfp.gif" />
            Please Wait
        </p>
    </div>
    @RenderBody()

    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)

    <script type="text/javascript">
        $(document).ready(function () {
            $('.loading').hide();
        })
    </script>
</body>

最佳答案

您应该在加载消息可见的情况下启动页面,并在加载事件时隐藏它。像这样的事情:

HTML

<div class="loading">loading....</div>

JS

$(window).load(function() {
    $('.loading').hide(); // hide message when finished with load
});

编辑

我已将 document.ready 替换为 windows.load,因为文档就绪不会等待图像加载。

关于jquery - MVC 和 jQuery 中的页面加载事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18335531/

相关文章:

javascript - 如何在 jQuery 中选择特定的类

jquery,文本提取

c# - 如何将数据从 asp.NET MVC 传递到 Angular2

php - 使用 .one() 和 .get()

javascript - 容器上的 jquery 单击事件而不是内容

asp.net-mvc - C# Razor 中 @modeldynamic 的 VB 等价物是什么?

asp.net-mvc - BeginForm 与 IEnumerable

c# - 使用 AutoMapper 将 LINQ 查询结果映射到 ViewModel 对象

asp.net-mvc - 无法直接请求文件 "~/Views/Position/Edit.cshtml",因为它调用了 "RenderSection"方法

javascript - JQuery:悬停时缩放文本