layer弹框的上面各个属性－可配置

最新推荐文章于 2023-03-23 19:28:16 发布

转载最新推荐文章于 2023-03-23 19:28:16 发布 · 373 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shixingwen/p/6986679.html

文章标签：

#javascript #ViewUI

本文介绍如何使用Layer.js库创建包含多个按钮和回调函数的弹窗，演示了如何设置弹窗的标题、内容以及按钮的功能，同时展示了如何通过回调函数实现按钮的交互逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">
12             //eg
13             layer.open({
14                 title:"标题信息提示",//标题信息
15                content: 'test',//内容区域
16                move: false,//是否可以拖动，默认可以拖动
17                btn: ['按钮一', '按钮二', '按钮三'],
18                btn1: function(index){
19                 //按钮【按钮一】的回调
20                  layer.close(index);//关闭弹框
21               },
22               btn2: function(index, layero){
23                 //按钮【按钮二】的回调
24                 alert(2);
25                 //return false 开启该代码可禁止点击该按钮关闭
26               },
27               btn3: function(index, layero){
28                 //按钮【按钮三】的回调
29                 alert(3);
30                 //return false 开启该代码可禁止点击该按钮关闭
31               }
32               ,cancel: function(){ 
33                 //右上角关闭回调
34                 alert("你点击了右上角的X");
35                 //return false 开启该代码可禁止点击该按钮关闭
36               }
37             });        
38         </script>

转载于:https://www.cnblogs.com/shixingwen/p/6986679.html