给页面点击链接加了转圈圈和解决遇到的bug(代码片段)

0banana0 0banana0     2023-01-11     807

关键词:

今天遇到一个问题,之前给整个网站上的链接加了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中以#开头的不loading
        if (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 () 
                //为当前导航页附加一个tag
                this.history.replaceState(‘hasHash‘, ‘‘, ‘‘);

            , false);

            history.pushState(1, ‘‘, ‘‘)
            window.onpopstate = function (e) 
                if (!e.state) 
            //fix chrome window.history.back();
//侦测是用户触发的后退操作, dosomething //这里刷新当前url //window.location.reload(); ; detectBack.initialize(); //fix ios safair window.onpageshow = function (event) if (event.persisted) window.location.reload() ;

 

冲刺

...第一次输出评论没有及时的显示在屏幕上,之后在进入该页面时,之前的数据会少一条明天解决这个bug明天要完成,点赞,收藏,关注等功能。shownewsActivity.java ViewCodeBlogcomment.java ViewCode 李浩:今天给博客基本展示页... 查看详情

h5开发移动端遇到的bug(代码片段)

...:safari总会把长串数字识别为电话号码,文字变成蓝色,点击还会弹出菜单添加到通讯录。解决的办法:safari有个私有meta属性可以解决这个问题:<metaname="format-detection"content="telephone=no"/>JavaScript在ios时间显示NaN造成的原因:... 查看详情

手机端页面在项目中遇到的一些问题及解决办法(代码片段)

1.解决页面使用overflow:scroll在iOS上滑动卡顿的问题? 首先你可能会给页面的html和body增加了height:100%,然后就可能造成IOS上页面滑动的卡顿问题。解决方案是: (1)看是否能把body和html的height:100%去除掉。(2)在滚动的容器中增加... 查看详情

vueecharts遇到的bug之一无法渲染的问题

图表示这样的 页面上有很多个图表,由于没有查询按钮,就只是点击发送ajax数据,所以把所有图表的方法放在updated中, 功能是实现了没问题,但是加载页面的时候会发送很多的ajax请求,而且点击修改的时候整个页面的... 查看详情

这个代码给所有带有name属性的链接加了一个背景色

jQuery起点教程之使用选择器和事件jQuery提供两种方式来选择html的elements:第一种是用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器(如:$("div>ula"));第二种是用jQuery对象的几个methods(方法)。这两种方式还可... 查看详情

word里面,给图片加了个边框,怎么调边框和图片之间的距离?

...、Word文档。1、首先打开需要编辑的Word文档,进入到编辑页面中。2、然后点击选中边框。3、然后点击打开主菜单栏中的“格式”。4、然后设置右侧大小中的想要的高度和宽度来调节边框和图片之间的距离就可以了。 查看详情

springmvc使用session进行登录后,点击其他页面session失效的解决方案(代码片段)

...个登录模块,发现成功登录后,点击跳转到其他页面,session竟无法跨页面访问,只能又自动退出了。debug后发现两次sessionID不一样。最后才发现是由于<base/>标签写的不对,多加了一个"/"。原base标签&... 查看详情

解决emblog在升级kindeditor编辑器时,遇到点击图片上传的空白的bug

最近在做自己博客时候,忽然发现点击图片有时会空白,主要报editorMap isnotdefint;发现没有定义这个,原来是admin/views/js/common.js两个位置有误,稍微调整一下即可。MIn晓天个人博客原创,如需转载请注明出处www.minxtblog.com 查看详情

记录一下max在动画制作中遇到文件大小无限膨胀的bug

...ED骨骼,进入运动面板在面板中找到复制/粘贴卷展栏 点击MAX加载首选项按钮 在弹窗中去掉所有的勾选,点击确定 再次点击卷展栏中的删除所有集合按钮 如果文件很大会假死一会,待程序清理完后会恢复,Ctrl+S保... 查看详情

小程序怎么提取链接?

...号原始ID,并点击“下一步”4、点击蓝色字体“获取更多页面路径”,输入你自己的微信号,并点击开启5、打开微信,进入小程序找到想要获取连接的页面,点击右上角“···”,复制本页面路径即可希望以上回答对您有一定... 查看详情

登陆窗口焦点失去问题。有遇到的麻烦给解决下,问题小,可有点小纠结。

今天遇到一个这样的问题:1.打开web页面登陆时,默认焦点在用户名输入框。2.一般的浏览器器和IE8都没什么问题。3.美工的电脑上在访问登陆页面时,焦点也是在用户名输入框。但是当鼠标点击一下时,焦点没有了。哪怕再点回... 查看详情

自定义事件解决重复请求bug

...最大的好处就是可以随处复用,随处使用,然而,当一个页面用了多个组件,只有最后一个生效的时候,这个组件就没有什么意义了。。。 BUG原因查找  这 查看详情

vue项目bug记录

...内显示,但是引发的问题就是,如果两个人都打开了这个页面,而整个页面的数据是在页面刷新的时候加载的,后一个更改的内容就会覆盖掉前面人所更改的。截图说明解决办法在vue模板传参的时候只传入id值,然后在绑定的事... 查看详情

ie的bug,点击div无效

...a标签定义了宽度和高度且使用了display:block/inline-block,则点击无效。找到了两种解决方法(主要是针对a标签不能设置背景情况):1) 给a标签添加样式:background:url(about:blank); 经测试该方法在ie9/10下无效2) 给a标签随便... 查看详情

怎么给pdf添加水印,只需几步轻松解决(代码片段)

...可在浏览器中搜索在线添加pdf水印,再点击进入到相关的页面当中。2.进入到页面后,鼠标点击页面内的【文档处理】选项,然后在该选项下会显示多个功能选项,鼠标再次点击选中其中的【PDF添加水印】。3.接下来使用鼠标单... 查看详情

vue3单页面引入公共的css,加了scoped但无法加deep,导致样式无法穿透,如何解决?

vue3,给单独一个页面加载某个公共库的样式表,不希望其他页面被影响,所以给<stylesrc='...'scoped>加了scoped属性,但是加了scoped后,有些组件内部的样式是无法穿透的,需要用到:deep(),但是因为是公共库的文件,所以... 查看详情

git冲突解决

Git冲突解决王云飞_小四_wyunfei关注2018.12.0819:17:18字数678阅读7,307导语只要面试官问一些GIt相关问题,是辨别真假程序员的有效手段之一,GIt提交、拉取、分支、冲突解决是在多人协作当中经常遇到的问题,不可能没有遇到!在多... 查看详情

git冲突解决

Git冲突解决王云飞_小四_wyunfei关注2018.12.0819:17:18字数678阅读7,307导语只要面试官问一些GIt相关问题,是辨别真假程序员的有效手段之一,GIt提交、拉取、分支、冲突解决是在多人协作当中经常遇到的问题,不可能没有遇到!在多... 查看详情