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

<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>

  

时间: 2024-08-07 00:18:56

layer弹框的上面各个属性 -可配置的相关文章

鼠标滚轮图片放大缩小功能,使用layer弹框后不起作用

今天在项目中遇到的一个问题:点击按钮使用layer弹框弹出一张图片,需要加一个鼠标滚轮放大缩小,图片也跟着放大缩小的功能.于是在网上找了一个demo. DEMO: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="

layui layer弹框中表格的显示

场景描述:点击iframe里面的一个按钮,需要在父级弹出一个弹框表格. 问题描述:这个弹框的分页不能正常显示,如果把layer.open前面的parent去掉,就可以正常显示. 代码展示: parent.layer.open({ type: 0, id: 'Layer', title: '标题', area: ['740px', '500px'], shade: 0, anim: -1, content: '<div class="table"></div>',

layui layer 弹框

layer 这个是一个web弹层组件,挺好用的...然后项目框架是SSM... layer.open主要是用来弹出来一个iframe弹窗,然后用来展示数据也行,用来修改也行,这次记录的主要是展示,展示我想要展示的数据,我需要的页面... layer.open({ type: 1, title: '账户信息详情', shadeClose: true, shade: false, maxmin: true, //开启最大化最小化按钮 area: ['893px', '600px'], content

layer弹框

function canshuadd(){     var html='<div class="panel panel-default toggle">';       //  html+='<label class="col-lg-2 control-label">*名称:</label>';         html+='<div class="col-lg-4" style="margin

Thinkphp5结合layer弹框插件修改默认的提示信息

TP5的默认提示效果啊,很丑有没有!!1 那就用layer插件改吧插件地址插件引入<script src="jQuery的路径"></script> <!-- 你必须先引入jQuery1.8或以上版本 --><script src="layer.js的路径"></script> 修改tp5的thinkphp\tpl\dispatch_jump.tpl 修改后 PS:原始文件记得备份 原文地址:http://

在vue中引入layer弹框的简易方法

npm i --save layui-layer 2.在main.js中引入 import layer from "layui-layer"; 3.然后就可以在各个组件中使用layer了 实例: layer.confirm('您是如何看待前端开发?', { btn: ['重要','奇葩'] //按钮 }, function(){ layer.msg('的确很重要', {icon: 1}); }, function(){ layer.msg('也可以这样', { time: 20000,

layer 弹框 很好用 页面交互不好弄!!!父子弹框的交互!

@赵立成  下面2个文件你再试试,记得引入Jquery ①. main.html (子页面) <html> <head> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){     a

针对jquery绑定click事件执行两次,layer弹出框,以及img的map属性应用。

前不久使用jQuery与layer实现一个弹出框,发现在绑定弹出框事件时,事件执行了两次,准确的说是方法同时注册了两次,不分先后执行了两遍,导致弹出框弹出两次.请教同事后,发现原因有可能是jQuery的js与layer的js冲突(具体原因还需要深入了解),通过网络和请教同事,得到了三种处理方法. 方法一:不采用jQuery进行事件的绑定,直接在标签中添加onclick事件. 方法二:采用这种方式$("#item_add_button")[0].onclick = function(){

layer弹出信息框API

首先向大家推荐layer,在这里也非常感谢贤心的贡献,非常不错的信息框及弹出层解决方案,为一些项目的前端开发提高了很大的效率,希望layer 越办越好! 下面是API,呵呵,官方抄袭过来的,为了自己看着方便. layer API之键值(仅在需要时配置,未配置的会用默认) 键 : 值 描述 skin : 0 层的皮肤编号,值为整数型.目前默认只提供一种皮肤,当你按照样式规则新增皮肤时(详见skin/layer.css),你可配置该参数. type : 0, 层的类型.0:信息框(默认),1:页面层