在使用layer弹窗的过程,发现layer.open的属性content可传入的值是灵活多变的,不仅可以传入普通的html内容,还可以指定dom,更可以随着type的不同而不同。
var html="<p>这是内容哦!</p>';
layer.open({
type: 1,
content: html,// 传入任意的文本或html , 这里content是一个普通的String
});
layer.open({
type: 1,
content: $('#id') //这里content是一个DOM,注意:最好该元素要存放在body最外层,否则可能被其它的相对元素所影响
});
$.post('url', {}, function(str){
layer.open({
type: 1,
content: str //注意,如果str是object,那么需要字符拼接。
});
});
layer.open({
type: 2,
content: 'http://sentsin.com' //这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['http://sentsin.com', 'no']
});
layer.open({
type: 4,
content: ['内容', '#id'] //数组第二项即吸附元素选择器或者DOM
});
layer.js是一个小巧方便的弹出层插件,目前很多网站都在使用。最近在使用vue框架开发中引入了layer.js。由于vue不能绑定动态新创建的Dom元素,那么有什么方法可以实现新增Dom的数据绑定问题呢?
layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验
解决 layui 弹层 layer 组件(重复弹出)同时存在多个页面层(iframe )的问题,这个问题其实是疏忽了一些 基础参数(仔细看文档,仔细看文档,仔细看文档)
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!