layui的弹层通过content引用html段落,在弹层关闭后html段落显示在页面的解决方法

分享 未结 3 77
左手xie猪哥
悬赏:20飞吻

这里我用了jquery的方式将弹层的内容引入,这样代码看上去很简洁,不会先显得冗杂。
显示的效果的还不错,可以直接通过jquery拿弹层中元素的值。但是问题出在了弹层关闭后


这时我的页面显示了我通过display:none隐藏的html(弹层内容)[泪]

我查了很久,发现浏览器的底层样式覆盖了我的样式,在弹出层打开我的内容的时候样式就改变了
user agent stylesheet 下显示的是 display:block。这样的话,我的html段落就显示出来了。

后来我通过弹层的end回调将样式改回来(end和success回调真的是两个很方便的方法![good]可以做很多处理 )

这样弹层内容就会继续隐藏,且不会占用页面的区域。当然这只是作为初学者的我的一点小体会,如果大家有更好的修改方法或者弹层引入方法,欢迎你来给我回复交流!
回帖