今天遇到一个问题,之前给整个网站上的链接加了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相关推荐

  1. css 手机点击蓝色边框,手机网站点击链接时触发颜色区块框解决办法

    忙起来的时候连博客都忘记登录,就更别说写博客了,所以一不小心差点遗忘了我的泪雪博客,因子凡最近正在给泪雪网的移动端做改版,然后在开发中遇到一些新的问题,那就是手机上浏览网站,点击链接或者页面区域的时候 ...

  2. Python Django中,页面改变但链接地址没有跳转,解决方法

    预期是发送密码重置邮件后自动跳转到首页, 这个效果实现了,但是地址链接没有变,经过仔细定位, 解决方案如下: return render(request, 'login.html',{'msg': ' ...

  3. 点击按钮重新加载ajax,Jquery AJAX点击链接,然后重新加载页面

    我审查了其他帖子和一些帮助我,但因为我不精通JQuery或AJAX,我想确保我正在做我需要正确的.Jquery AJAX点击链接,然后重新加载页面 在我的主页(基本URL)上,我有2个不同的输出,基于 ...

  4. .net web 点击链接在页面指定位置显示DIV的问题

    .net web 点击链接在页面指定位置显示DIV的问题 做了一个网页,放了两个DataList ,一个显示科室,一个显示科室中的人员,由于科室太多,一屏显示不全,为了在页面刷新时记住上次浏览位置,所 ...

  5. 今日头条点击链接跳转微信公众号、加好友、小程序的方法(今日头条引流到微信公众号)

    有时候我们可以在今日头条发布文章或评论时可以留下链接,当用户点击链接后跳转公众号.加好友界面:我们可以使用如下方法 一.使用工具 大家可以使用如下工具创建链接. 1.天天外链官网 二.可以生成链接的页 ...

  6. php网站首页点击更多时获取数据,jQuery+PHP实现点击按钮加载更多,不刷新页面加载更多数据!附:可用源码+demo...

    先上效果: 刚打开页面的时候,只显示部分数据,点击加载更多的时候,就会加载我们预先定义的加载数量显示出来!当数据库里面的所有数据都显示出来,就提示全部加载了! 新建index.php jQuery+p ...

  7. frame框架点击链接或者按钮跳转整个页面以及别的frame框架

    如何在内部跳转和整个页面跳转: 下面这个top.location.href = "login.html";可以跳转整个页面. $(function(){$("#quit& ...

  8. input点击链接另一个页面,各种操作。

    1.链接到某页 <input type="button" name="Submit" value="确 定" class=" ...

  9. 在页面中给flash加链接

    在页面中给flash加链接 原理:浮动层 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=&quo ...

最新文章

  1. 互联网生态建设落地五大挑战——保险科技生态建设...
  2. LeetCode 3 无重复字符的最长子串
  3. 阿里CTO张建锋:云拐点已至,All in cloud;贾扬清完整title公开
  4. 李洪强和你一起学习前端之(8)浮动,网页布局,定位
  5. django的权限认证:登录和退出。auth模块和@login_required装饰器
  6. 真牛!打开mysql
  7. BCB中与路径文件名相关的几个函数!
  8. goroutine--退出示例--context的使用
  9. default value of template parameter c++
  10. “DropDownList1”有一个无效 SelectedIndex,因为它不在项目列表中。
  11. vba ado返回集合_VBA利用IE,抓取深市股票涨跌数据
  12. Leetcode 每日一题——845. 数组中的最长山脉
  13. 百度竞价的五个基本特征!
  14. matlab中的三次样条曲线拟合,三次样条拟合典型实例.doc
  15. PS简单打造照片非主流黑白色头像
  16. vdagent与vdserver
  17. 奔走相告!2020阿里云618年中大促火爆来袭!
  18. GridControl 单元格自动换行
  19. [python爬虫之路day5]:实战之电影天堂2019精选电影爬取
  20. Xshell 配置突出显示集(关键字高亮)

热门文章

  1. 为什么要尽量设定一个主键?
  2. 怎么优化GO语言服务的内存占用
  3. servlet输出html
  4. spring18-1:采用jdk的动态代理 proxy。
  5. 《编码:隐匿在计算机软硬件背后的语言(美)》读书笔记三
  6. 【Golang 基础】Go 语言的程序结构
  7. Oracle创建自增字段方法-ORACLE SEQUENCE的简单介绍
  8. 逐帧动画和补间动画的使用场景(二)
  9. linux 命令改别名
  10. python中如何跳出多层循环