如何实现“layer.open设置多个按钮,点击按钮不关闭d窗”?

如何实现“layer.open设置多个按钮,点击按钮不关闭d窗”?,第1张

1、在编译器中输入一下代码即可:

layer.open({

 title: '在线调试'

 ,content: '可以填写任意的layer代码',

btn:['按钮1','按钮2','按钮3'],

yes:function(index,layero){

 alert("按钮1")

},

btn2:function(index,layero){

 alert("按钮2")

}

})

2、官网首页测试:

3、d窗后两秒自动关闭代码

layer.open({ 

content: '通过style设置你想要的样式', 

style: 'background-color:#09C1FF color:#fff border:none', 

time: 2 

})

4、d窗后点击关闭代码

layer.open({  

    btn: ['关闭'],  

    content:'内容'  

})

layerd层不能实现,是 *** 作过程中出现错误造成的,解决方法如下:

1、首先要先引用layer.js。

2、添加对应触发d出框的按钮,写javascript代码进行处理,在layer.open的配置项中加上 maxmin:true。

3、这样d出框会出现最大化和最小化按钮,用一个layerIndex变量保存打开的d出框索引,用于最小化和还原时动态隐藏遮罩层。

4、最后添加min、restore方法用于控制遮罩层的打开与隐藏,open的时候要加上title配置项,且值不能为空,要不然最小化的时候会看不到d出框最小化的内容。

5、显示最小化时隐藏遮罩层如下图。

用FF打开页面;按下F12

打开你的 layer btn的页面

右键查看元素

选择按扭对象,就是用小箭头选中 上图中的按钮一

找到CSS样式表位置,修改即可;或者 直接在当前页面重新修改样式,会覆盖以前的样式不明白再追问,很简单的


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11580807.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存