如何实现“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、显示最小化时隐藏遮罩层如下图。

首先是自己写的只是用js实现了类似的功能,很多还需要后续开发,兼容性等问题。首先就放弃了。

然后是一些好的demo,虽然是demo,也没有强大的插件支持。。

最后是插件,layer插件,以前是简单用过,这次真正上项目还要重新看,【项目是参加大挑战的一个出卷系统】,d出层太火了。这几天又熟悉了一些基本的前端开发的小细节,发现很多东西不用就很容易忘。还是要经常练,经常去敲代码。

然后用插件的时候,要在d出层上面的div绑定事件,发现没效果。然后就看插件内部是不是有实现,发现btn这个参数,但是出来的的小说默认有很多样式而且在底部,不是想要的效果,很难复用。

但是回想起jquery用on绑定事件没有问题,会给新增的div元素绑定事件,然后找了一下layer社区发现需要用

[html] view plain copy

$(document).on("click","#up",function(){

top.location.href="http://www.baidu.com"  

})

才能绑定上,原因等着补上


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

原文地址: http://outofmemory.cn/bake/11829642.html

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

发表评论

登录后才能评论

评论列表(0条)

保存