码迷,mamicode.com
首页 > 其他好文 > 详细

给页面点击链接加了转圈圈和解决遇到的bug

时间:2018-10-24 20:06:14      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:air   .com   target   tag   dde   com   page   并且   ==   

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

标签:air   .com   target   tag   dde   com   page   并且   ==   

原文地址:https://www.cnblogs.com/0banana0/p/9844913.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!