layer弹出框自带了一个咯悝滩镞“确认”按钮，有的时候在项目开发过程中需要在点击“确认”按钮时触发某些事件，那这个如何做了呢？其实layer提供了一个点击确认按钮的俱蒉檑诟回调事件，可以通过yes回调事件进行处理。代码：layer.open({ content:"<div>点击确认按钮回调事件</div>", yes:function(index,layero){ alert("点击确认按钮触发事件") layer.close(index);//关闭弹出框 } })
方法/步骤
1、打开html开发工具，新建一个html代码页面
2、新建一个html代码页面，引入layer.css、jquery.js、layer.js这三个文件。
3、使用layer.open创建弹出框。新建一个script标签，然后在这个标签里面使用layer.open()创建一个弹出框。创建代码： layer.open({ content:"<div>点击确认按钮回调事件</div>", })
4、保存代码后使用浏览器打开，点击确认按钮，这个时候点击确认后只是把弹出框进行关闭，并没有其他的事件被触发到。
5、设置回调事件。在layer.艺皱麾酪open()里面添加yes:function(index,layero){}回调函数，然后在俱蒉檑诟回调函数里面添加一个alert弹出和一个关闭弹出框的功能。代码： yes:function(index,layero){ alert("点击确认按钮触发事件") layer.close(index);//关闭弹出框 }
6、保存html代码后使用浏览器打开，然后点击弹出框右下角的"确认"按钮，这个时候会弹出一个alert弹出框，表示点击"确认"按钮后的弹出框是回调事件已成功
