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