我已经为 android 移植了一个移动网络应用程序。该应用程序已经运行良好,位于 CancerBank此处。当用户在 android 应用程序上单击它们时,有些链接的加载时间超过 30 秒,可以在此处下载Android 应用程序。现在我想向用户显示页面正在加载的消息,直到页面完全加载。有没有人有一个插件可以用来完成这个?
我的页面应用程序是用 javascript、html5 和 css 开发的。
我已经为 android 移植了一个移动网络应用程序。该应用程序已经运行良好,位于 CancerBank此处。当用户在 android 应用程序上单击它们时,有些链接的加载时间超过 30 秒,可以在此处下载Android 应用程序。现在我想向用户显示页面正在加载的消息,直到页面完全加载。有没有人有一个插件可以用来完成这个?
我的页面应用程序是用 javascript、html5 和 css 开发的。
您可以默认隐藏所有页面元素(例如<div class='show_this' style='display: none;'>content</div>
),并且只显示包含“加载”动画的 div。然后,您将在页面加载时显示页面元素。例如。在加载 jQuery 后放置:
$(document).ready(function(){
$('.loading_message').hide();
$('.show_this').show();
});
类似的东西可能会奏效。
如果您使用的是 jQuery 并且页面内容是由 ajax 加载的,则可以使用:
$("body").on({
ajaxStart: function() {
// Your code here
},
ajaxStop: function() {
// your code here
}
});
如果您不使用 ajax,只需div
在用户单击链接时添加加载。当页面加载并且用户获得新内容时,这div
将再次消失,因为页面已“刷新”。如果你真的想让他们等待新页面的所有内容被加载:添加一个div
总是显示的加载,而不是使用 javascript 来隐藏它。
window.onload = function() {
// hide your div
}
看看这个。这似乎是一个不错的插件。