html中弹出一个div
方式1
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <div id= "tiaohuanzuowei" > 123 </div> <script type= "text/javascript" > layer.open({ content: $( "#tiaohuanzuowei" ), btn: [ '确定' , '关闭' ], title: '调换座位' , area: [ '30%' , '40%' ], //弹出框的宽度和高度 shadeClose: false , //开启遮罩关闭 yes: function(index, layero){ //按钮【按钮一】的回调 alert( 1 ); }, btn2: function(index, layero){ //按钮【按钮二】的回调 //alert(2); //return false 开启该代码可禁止点击该按钮关闭 }, cancel: function(){ //右上角关闭回调 //return false 开启该代码可禁止点击该按钮关闭 } }); |
方式2
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | layer.open({ type: 1 , shift: 2 , shadeClose: false , //开启遮罩关闭 title: '导入用户' , //标题 closeBtn: 1 , //0右上角的关闭 x 隐藏掉; 1显示 //内容(不仅可以传入普通的html内容,还可以指定DOM) content: $( '#importUser' ), area: [ '80%' , '80%' ], //弹出框的宽度和高度 btn: [ '下载' , '提交' , '取消' ], //定义按钮组 yes: function(){ me.downloadUser() //点击下载的回调 }, btn2:function(){ me.doImportUser(); //点击提交的回调 } }); |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构