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 = '';

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

转载于:https://www.cnblogs.com/Brose/p/layer_close.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值