layer弹窗案例

最新推荐文章于 2024-07-15 17:46:36 发布

夏木炎

最新推荐文章于 2024-07-15 17:46:36 发布

阅读量1.6k

点赞数

分类专栏： JS 前端文章标签： layer弹出层 open用法

本文链接：https://blog.csdn.net/xm393392625/article/details/81665765

版权

JS 同时被 2 个专栏收录

38 篇文章 1 订阅

订阅专栏

前端

35 篇文章 0 订阅

订阅专栏

一.弹出层代码

layer.open({
	type: 2,//2是弹出iframe
	title: false,
	area: ['900px', '450px'],
	shade : 0.5,
	content: "<%=basePath%>/hmcp/hightvalue/inventory/hmcpBalance/selectHmcpDept.spring",
		    cancel: function(index, layero){ //右上角关闭按钮触发的回调 该回调携带两个参数，分别为：当前层索引参数（index）、当前层的DOM对象（layero），默认会自动触发关闭。如果不想关闭，return false即可
		  layer.close(index);
	      return false; 
	 },
    success: function(layero, index){// 层弹出后的成功回调方法 当你需要在层创建完毕时即执行一些语句，可以通过该回调。success会携带两个参数，分别是当前层DOM当前层索引
    		    
     },
	 end: function(){//层销毁后触发的回调 无论是确认还是取消，只要层被销毁了，end都会执行，不携带任何参数。
		//layer.tips('点击了关闭', '#about', {tips: 1})
	 }
 });

二.效果图