给页面点击链接加了转圈圈和解决遇到的bug
今天遇到一个问题,之前给整个网站上的链接加了loading,今天遇到在ios的chrome和safari下点击进入新页面然后点击浏览器的返回按钮,loading还在,并且一直存在,最后网上搜到了解决方案特记录下
点击事件加loading:
$(document).on("click", "a[href!=''][href!='#'][href!='javascript:void(0)'][href!='javascript:void(0);'][href!='javascript:;']", function () {var href = $(this).attr('href');var target = $(this).attr('target');var a_pageindex = $(this).data("pageindex");if ($(this).hasClass('fancybox')) {//弹出层的不loading} else if (target != undefined && target == "_blank") {//有_blank的不loading} else if (href == undefined || href.indexOf("plus.google.com") > 0) {//没有href的不loading 或者google分享不loading} else if ($(this).data("pageindex") != undefined) {//ajax 分页空间的分页按钮不需要} else if (isCtrl) {//如果按着ctrl键不执行} else {//href中以#开头的不loadingif (href.substring(0, 1) != '#' && href.indexOf("javascript:") == -1) {LinkLoading(true);}} });
解决ios的chrome和safari返回继续loading:
//瀏覽器回退頁面一直轉圈 if ($(window).width() < 1024) {var detectBack = {initialize: function () {//监听hashchange事件window.addEventListener('hashchange', function () {//为当前导航页附加一个tagthis.history.replaceState('hasHash', '', '');}, false);history.pushState(1, '', '')window.onpopstate = function (e) {if (!e.state) { //fix chromewindow.history.back();//侦测是用户触发的后退操作, dosomething//这里刷新当前url//window.location.reload(); }};}}detectBack.initialize();//fix ios safairwindow.onpageshow = function (event) {if (event.persisted) {window.location.reload()}}; }
最后经过试验,不管chrome还是safari这样就可以了
//瀏覽器回退頁面一直轉圈 if ($(window).width() < 1024) {window.onpageshow = function (event) {if (event.persisted) {LinkLoading(false); //下边的看情况添加 //location.reload();
}}; }
定义和用法
onpageshow 事件在用户浏览网页时触发。
onpageshow 事件类似于 onload 事件,onload 事件在页面第一次加载时触发, onpageshow 事件在每次加载页面时触发,即 onload 事件在页面从浏览器缓存中读取时不触发。
为了查看页面是直接从服务器上载入还是从缓存中读取,你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如果页面从浏览器的缓存中读取该属性返回 ture,否则返回 false
参考:https://code.ziqiangxuetang.com/jsref/event-onpageshow.html
给页面点击链接加了转圈圈和解决遇到的bug相关推荐
- css 手机点击蓝色边框,手机网站点击链接时触发颜色区块框解决办法
忙起来的时候连博客都忘记登录,就更别说写博客了,所以一不小心差点遗忘了我的泪雪博客,因子凡最近正在给泪雪网的移动端做改版,然后在开发中遇到一些新的问题,那就是手机上浏览网站,点击链接或者页面区域的时候 ...
- Python Django中,页面改变但链接地址没有跳转,解决方法
预期是发送密码重置邮件后自动跳转到首页, 这个效果实现了,但是地址链接没有变,经过仔细定位, 解决方案如下: return render(request, 'login.html',{'msg': ' ...
- 点击按钮重新加载ajax,Jquery AJAX点击链接,然后重新加载页面
我审查了其他帖子和一些帮助我,但因为我不精通JQuery或AJAX,我想确保我正在做我需要正确的.Jquery AJAX点击链接,然后重新加载页面 在我的主页(基本URL)上,我有2个不同的输出,基于 ...
- .net web 点击链接在页面指定位置显示DIV的问题
.net web 点击链接在页面指定位置显示DIV的问题 做了一个网页,放了两个DataList ,一个显示科室,一个显示科室中的人员,由于科室太多,一屏显示不全,为了在页面刷新时记住上次浏览位置,所 ...
- 今日头条点击链接跳转微信公众号、加好友、小程序的方法(今日头条引流到微信公众号)
有时候我们可以在今日头条发布文章或评论时可以留下链接,当用户点击链接后跳转公众号.加好友界面:我们可以使用如下方法 一.使用工具 大家可以使用如下工具创建链接. 1.天天外链官网 二.可以生成链接的页 ...
- php网站首页点击更多时获取数据,jQuery+PHP实现点击按钮加载更多,不刷新页面加载更多数据!附:可用源码+demo...
先上效果: 刚打开页面的时候,只显示部分数据,点击加载更多的时候,就会加载我们预先定义的加载数量显示出来!当数据库里面的所有数据都显示出来,就提示全部加载了! 新建index.php jQuery+p ...
- frame框架点击链接或者按钮跳转整个页面以及别的frame框架
如何在内部跳转和整个页面跳转: 下面这个top.location.href = "login.html";可以跳转整个页面. $(function(){$("#quit& ...
- input点击链接另一个页面,各种操作。
1.链接到某页 <input type="button" name="Submit" value="确 定" class=" ...
- 在页面中给flash加链接
在页面中给flash加链接 原理:浮动层 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=&quo ...
最新文章
- 互联网生态建设落地五大挑战——保险科技生态建设...
- LeetCode 3 无重复字符的最长子串
- 阿里CTO张建锋:云拐点已至,All in cloud;贾扬清完整title公开
- 李洪强和你一起学习前端之(8)浮动,网页布局,定位
- django的权限认证:登录和退出。auth模块和@login_required装饰器
- 真牛!打开mysql
- BCB中与路径文件名相关的几个函数!
- goroutine--退出示例--context的使用
- default value of template parameter c++
- “DropDownList1”有一个无效 SelectedIndex,因为它不在项目列表中。
- vba ado返回集合_VBA利用IE,抓取深市股票涨跌数据
- Leetcode 每日一题——845. 数组中的最长山脉
- 百度竞价的五个基本特征!
- matlab中的三次样条曲线拟合,三次样条拟合典型实例.doc
- PS简单打造照片非主流黑白色头像
- vdagent与vdserver
- 奔走相告!2020阿里云618年中大促火爆来袭!
- GridControl 单元格自动换行
- [python爬虫之路day5]:实战之电影天堂2019精选电影爬取
- Xshell 配置突出显示集(关键字高亮)