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"
})
才能绑定上,原因等着补上欢迎分享,转载请注明来源:内存溢出
评论列表(0条)