layer弹出层组件是一款相当好用的web弹层组件,一般是当做JS编写代码中,功能特别强大,是编程人员必备的一款组件,关于这款组件的相关信息小编会给各位详细介绍的,欢迎有需要的朋友来下载试用。
刚好今天我也碰到这个问题,摸索了几个小时,搞定了,关键语法如下: layer.open({ type: 1, content: $('#id') //这里content是一款DOM,这个元素要放在body根节点下});所以你这个就应该是: content: $('#wrapper') 实例: $(function () {
展开所有
我昨天用这个插件的时候也有这个问题,弹出内容大了就居不了中。这是组件不完美的地方,他设置了top以及left值,并且是固定的。这种弹出层全是绝对定位的 所以没措施用margin:auto 0神马的居中。处理方案核心两种:
1.整改在翻阅器里面调试模式,调一下top还有left看如何适合,篡改lay.css代码;
2.自身写个弹出层,其实超简便,弹出层原理就是搞一层遮罩(一款div,放在body下,高宽都100%,层级顺序设置高于其它层(除弹出内容层以外),加个滤镜效果让他半透明)及其弹出内容层(层级顺序设置为最高)再加个关闭按钮。默认这三个容器隐藏(hide或display:none),轻点时显示(show或display:block);
我是运用的第二种方式,实现简便自由,能够随便篡改弹出框的样式以及充实的内容。比如:加多记录弹出表单之类。