layui完美通用弹窗

layui 通用iframe弹窗解决了下拉菜单被遮挡

/**
 * 弹窗通用
 * @param type     类型     0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)
 * @param title   窗口标题
 * @param id  为指向一个触发按钮
 * @param PathImg 上传接口
 * @param w 宽
 * @param h 高
 * @param use 来路用途务
 */ 
function winner_open(type,title,id,PathImg,w,h){
		layer.open({
			type: type,
			title: title,
			anim: '1',
			maxmin: false,
            resize: false,
			shade:  [0.3, '#393D49'],
			//maxmin: true, //开启最大化最小化按钮
			area: [w,h],
			content: [PathImg, 'no'],
			btn: ['确认', '关闭'],
			yes: function(index, layero){

				var iframeWin = window[layero.find('iframe')[0]['name']];
				var form = iframeWin.document.getElementById('dosubmit');
				form.click();
			}, function(index){
				layer.close(index);
				return false;// 取消
			},
			success: function(layero, index) {
				var obj = $(layero).find('.layui-layer-content');
                obj.css('position', 'relative');
                obj.css('z-index', 198912345);
                obj.css('height', $(window).height() + 'px');
                obj.css('overflow', 'hidden');
                layer.iframeAuto(index);
                var btn = obj.parents('.layui-layer').find('.layui-layer-btn');
                btn.css('bottom', 0);
                btn.css('right', 0);
                btn.css('position', 'absolute');
                btn.css('z-index', '198912346');
                
                layero.find('iframe').css('height', $(window).height() + 'px');

            }
			
		  });
		
}

 

主要定义了CSS如下代码

                var obj = $(layero).find('.layui-layer-content');
                obj.css('position', 'relative');
                obj.css('z-index', 198912345);
                obj.css('height', $(window).height() + 'px');
                obj.css('overflow', 'hidden');
                layer.iframeAuto(index);
                var btn = obj.parents('.layui-layer').find('.layui-layer-btn');
                btn.css('bottom', 0);
                btn.css('right', 0);
                btn.css('position', 'absolute');
                btn.css('z-index', '198912346');
                layero.find('iframe').css('height', $(window).height() + 'px');

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值