如何设置页面之间过渡的加载图标
How to set loading icon for transition between pages?
$(window).load(function() {
$('#loading').hide();
$('#container').show();
});
在我所有的php文件中,我都有上面提到的用于显示加载图标的代码,直到页面加载。例如:如果我执行index.php
,将显示加载图标,直到index.php
完全加载。如果在重定向时将其重定向到example.php
,则不会显示加载图标,其完全空白。如果它被完全重定向,则会显示加载图标,直到该页面完全加载。
预期:重定向到下一页时,同时我也需要显示加载图标。
那么如何在页面过渡之间显示加载图标?
诀窍是在卸载页面时立即启动加载图标。然后,当加载新页面时,必须立即再次显示加载图标,只有当新页面完全加载时,才能隐藏该图标。
// Show the icon immediatly when the script is called.
$('#loading').show();
// show the icon when the page is unloaded
$(window).on('beforeunload', function(event) {
$('#loading').show();
});
// hide the icon when the page is fully loaded
$(window).on('load', function(event) {
$('#loading').hide();
});
相关文章:
- Javascript更改图标
- 函数参数中的数据与指定变量之间的任何性能差异
- 全局变量和全局对象的属性之间有什么区别吗
- java.net和javascript之间正则表达式的差异
- JavaScript中的函数和对象之间没有区别吗?
- 获取@ResponseBody的一部分作为主干和Spring MVC控制器之间的参数
- Jquery在函数之间传递表行
- 根据某些条件在视图之间切换
- 在控制器和数据对象之间同步数据
- 单击更改图标并通过javascript添加一个css类
- d3中堆栈函数和嵌套函数之间的差异
- JQuery:在页面之间滑动
- 如何使用JavaScript查找1和N之间的所有数字的总和
- 我希望只有在我滚动页面后才能显示我的返回页首图标
- 如何在打开层3中的堇青石之间设置矢量图标的动画
- 如何设置页面之间过渡的加载图标
- 是否可以在悬停时在两个字体图标之间切换
- 使用javascript和两个箭头图标在文本字段之间导航
- 在一组图标之间循环使用颜色
- 如何更改输入标签之间的文本,并将标签复选框和图标对齐在一行上