layer close 关闭层IE9-浏览器崩溃问题解决

针对ayer弹出层在IE上关闭导致浏览器崩溃的问题:

导致原因:

  查看src源码,layer.close关闭总方法中有这么一行:

复制代码
layer.close = function(index){
        var layero = $('#'+ doms[0] + index), type = layero.attr('type'), closeAnim = 'layer-anim-close';
        if(!layero[0]) return;
        var WRAP = 'layui-layer-wrap', remove = function(){
            if(type === ready.type[1] && layero.attr('conType') === 'object'){

                layero.children(':not(.'+ doms[5] +')').remove();
                var wrap = layero.find('.'+WRAP);
                for(var i = 0; i < 2; i++){
                    wrap.unwrap();
                }
                wrap.css('display', wrap.data('display')).removeClass(WRAP);
            } else {
                //低版本IE 回收 iframe
                if(type === ready.type[2]){
                    try {
                        var iframe = $('#'+doms[4]+index)[0];
                        iframe.contentWindow.document.write('');
                        iframe.contentWindow.close();
                        layero.find('.'+doms[5])[0].removeChild(iframe);
                    } catch(e){}
                }
                //整个layer.js上下文只有这一个“innHTML”的操作!!!!!嫌啰嗦的直接搜索吧!!!
                layero[0].innerHTML = '';
                layero.remove();
            }
            typeof ready.end[index] === 'function' && ready.end[index]();
            delete ready.end[index];
        };

        if(layero.data('isOutAnim')){
            layero.addClass(closeAnim);
        }

        $('#layui-layer-moves, #layui-layer-shade' + index).remove();
        layer.ie == 6 && ready.reselect();
        ready.rescollbar(index);
        if(layero.attr('minLeft')){
            ready.minIndex--;
            ready.minLeft.push(layero.attr('minLeft'));
        }

        if((layer.ie && layer.ie < 10) || !layero.data('isOutAnim')){
            remove()
        } else {
            setTimeout(function(){
                remove();
            }, 200);
        }
    };
复制代码

为什么下面一行代码都layero.remove()了,还需要上面的操作,真实情况是IE9-并不支持对属性“innerHTML”进行操作(文献)!!!

解决方案:

  

//layero[0].innerHTML = '';

这具体在干什么,我就不明说了,哈哈!

posted @   嘿煤贵  阅读(1181)  评论(0编辑  收藏  举报
编辑推荐:
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· dotnet 源代码生成器分析器入门
· ASP.NET Core 模型验证消息的本地化新姿势
阅读排行:
· 从零开始开发一个 MCP Server!
· ThreeJs-16智慧城市项目(重磅以及未来发展ai)
· .NET 原生驾驭 AI 新基建实战系列(一):向量数据库的应用与畅想
· Ai满嘴顺口溜,想考研?浪费我几个小时
· Browser-use 详细介绍&使用文档
点击右上角即可分享
微信分享提示