TypechoJoeTheme

Dcr163的博客

统计

layder 封装自己的弹窗提示

2017-04-05
/
0 评论
/
593 阅读
/
正在检测是否收录...
04/05
//询问弹窗
function confirm_1(id){

	layer.confirm('您确定要删除吗?',{
		btn:['确定','算了'],
		shadeClose : true, 		//开启点击遮罩关闭
		shade: [0.6,'#000'],	//遮罩层透明度 默认黑色
		yes:function(index,layero){
			showMessge('恭喜您,操作成功');
		},
		btn2:function(index,layero){

		}
	})
}

//信息提示如果有跳转url则跳转

function showMessge(content,url,icon=1){
	layer.open({
		title : '提示信息',		//提示标题
		icon  : 1,				//提示图标  传入0-6
		content : content,		//弹窗内容
		shadeClose : true, 		//开启点击遮罩关闭
		shade : [0.6,'#000'],	//遮罩层透明度 默认黑色
		time : 5000,			//自动关闭所需毫秒
		yes : function(index){
			if(url){
				window.location.href=url;
			}else{
				layer.close(index);
			}
		}	
	})
}

前提是需要引用 :

<script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>

<script src="http://res.layui.com/lay/lib/layer/build/layer.js?v=3.03"></script>


方便以后用到自己再修改!

朗读
赞(0)
版权属于:

Dcr163的博客

本文链接:

http://dcr163.cn/158.html(转载时请注明本文出处及文章链接)

评论 (0)

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

最新回复

  1. slot mpo terbaru
    2025-02-08
  2. Sherry Stockdill
    2025-01-28
  3. slot demo
    2025-01-13
  4. 陌天
    2025-01-09
  5. Kerrie Bostick
    2024-12-28

标签云