layer点击确认触发事件;layer点击确认按钮事件

 时间:2024-10-12 00:05:23

1、打开html开发工具,新建一个html代码页面

layer点击确认触发事件;layer点击确认按钮事件

2、新建一个html代码页面,引入layer.css、jquery.js、layer.js这三个文件。

layer点击确认触发事件;layer点击确认按钮事件

3、使用layer.open创建弹出框。新建一个script标签,然后在这个标签里面使用 layer.open() 创建一个弹出框。创建代码: layer.open({ content: "<div>点击确认按钮回调事件</div>", })

layer点击确认触发事件;layer点击确认按钮事件

4、保存代码后使用浏览器打开,点击确认按钮,这个时候点击确认后只是把弹出框进行关闭,并没有其他的事件被触发到。

layer点击确认触发事件;layer点击确认按钮事件

5、设置回调事件。在 layer.open() 里面添加 yes:function(index,layero){} 回调函数,然后在回调函数里面添加一个alert弹出和一个关闭弹出框的功能。代码: yes:function(index,layero){ alert("点击确认按钮触发事件") layer.close(index); //关闭弹出框 }

layer点击确认触发事件;layer点击确认按钮事件

6、保存html代码后使用浏览器打开,然后点击弹出框右下角的 "确认" 按钮,这个时候会弹出一个alert弹出框,表示点击 "确认" 按钮后的弹出框是回调事件已成功

layer点击确认触发事件;layer点击确认按钮事件
  • Maven项目出现UTF-8问题怎么办
  • weblogic被管节点启动报错transport error 202
  • 怎么把IE设为默认窗口最大化
  • js如何获得指定位置字符的Unicode编码
  • Windows系统下安装dig命令和使用方法
  • 热门搜索
    我运动我快乐手抄报 关于鸟的手抄报 关于英雄的手抄报图片 读书手抄报的题目 电子手抄报模板 61儿童节手抄报 喜迎国庆手抄报图片 喜迎国庆手抄报 宣传普通话手抄报 8k手抄报版面设计图