layer提个bug

layer提个bug

小情绪 发布于 2021-11-27 字数 217 浏览 735 回复 7

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

伴我心暖 2021-12-01 7 楼

琴流音 2021-12-01 6 楼


@贤心
#FFFFFF;">  
222222;font-family:Consolas, 'Lucida Console', monospace;font-size:12px;line-height:normal;background-color:#FFFFFF;">.layui-layer-setwin .layui-layer-close2 应该是这个样式和别的冲突了

时光清浅 2021-12-01 5 楼
<style>
html{background-color:#E3E3E3; font-size:14px; color:#000; font-family:'微软雅黑'}
a,a:hover{ text-decoration:none;}
pre{font-family:'微软雅黑'}
.box{padding:20px; background-color:#fff; margin:50px 100px; border-radius:5px;}
.box a{padding-right:15px;}
#about_hide{display:none}
.layer_text{background-color:#fff; padding:20px;}
.layer_text p{margin-bottom: 10px; text-indent: 2em; line-height: 23px;}
.button{display:inline-block; *display:inline; *zoom:1; line-height:30px; padding:0 20px; background-color:#56B4DC; color:#fff; font-size:14px; border-radius:3px; cursor:pointer; font-weight:normal;}
.photos-demo img{width:200px;}
.button {
padding: 0 15px;
line-height: 30px;
border: none;
background-color: #99CC66;
color: #fff;
font-size: 12px;
border-radius: 3px;
cursor: pointer;
}
</style>	

<button id="test2" class="button">捕获页面元素</button>

<div class="box">
    <h2 style="padding-bottom:20px;">扩展模块:图片查看器(相册层)</h2>
    <div id="photosDemo" class="photos-demo">
        <!-- layer-src表示大图  layer-pid表示图片id  src表示缩略图-->
        <img layer-src="http://static.oschina.net/uploads/space/2014/0516/012728_nAh8_1168184.jpg" layer-pid="" src="http://static.oschina.net/uploads/space/2014/0516/012728_nAh8_1168184.jpg" alt="layer宣传图">
        <img layer-src="http://sentsin.qiniudn.com/sentsinmy5.jpg" layer-pid="" src="http://sentsin.qiniudn.com/sentsinmy5.jpg" alt="我入互联网这五年">
        <img layer-src="" layer-pid="" src="http://sentsin.qiniudn.com/sentsin_39101a660cf4671b7ec297a74cc652c74152104f.jpg" alt="微摄影">
        <img layer-src="http://sentsin.qiniudn.com/sentsinsan01.jpg" layer-pid="" src="http://sentsin.qiniudn.com/sentsinsan01.jpg" alt="三清山">
        <img layer-src="http://ww2.sinaimg.cn/mw1024/5db11ff4jw1ehcyirr6quj20q00ex42w.jpg" layer-pid="" src="http://ww2.sinaimg.cn/mw1024/5db11ff4jw1ehcyirr6quj20q00ex42w.jpg" alt="国足">
    </div>
</div> 


$('#test2').on('click',function(){
		layer.open({
		    type: 1,
		    shade: false,
		    title: false, //不显示标题
		    content: $('.photos-demo'), //捕获的元素
		    cancel: function(index){
		        layer.close(index);
		        this.content.show();
		        layer.msg('捕获就是从页面已经存在的元素上,包裹layer的结构',{time: 5000});
		    }
		});
	});

旧城烟雨 2021-12-01 4 楼

最新版本

狠疯拽 2021-12-01 3 楼

把所有样式去掉 还是这样

陌若浮生 2021-12-01 2 楼

即使不引用整个photos-demo,这样引用一个图片也是有一样的问题的。 $('.box .photos-demo').children('img').eq(1)

夜无邪 2021-11-28 1 楼

1、使用的是layer哪个版本?

2、检查下是否存在css冲突

3、贴一下调用代码