layer弹窗第一次不居中。然后再点击就居中了。解决办法

最新推荐文章于 2022-03-02 16:10:19 发布

肖肖肖丽珠

最新推荐文章于 2022-03-02 16:10:19 发布

阅读量2.3k

点赞数

分类专栏： layui

本文链接：https://blog.csdn.net/qq_33769914/article/details/97009173

版权

博客介绍了在使用layer弹窗时遇到的首次显示不居中，但后续点击却能正常居中的问题。提供了三种解决方法：1) 将弹窗事件放在layer.ready内；2) 在弹窗成功打开后通过layer.style修改样式使其居中；3) 设置固定的宽高来实现居中效果。这些方法可以帮助开发者解决layer弹窗定位的问题。

摘要由CSDN通过智能技术生成

百度过很多的方法。一一列下来

方法一。把弹窗事件写在layer.ready里面

layer.ready(function() {
                       var index = layer.load(2);
                       layer.open({
                           type: 1,
                           title: false,
                           closeBtn: 0,
                           shadeClose: true,
                           area: ['200px', 'auto'],
                           content: '<img class="closeCode" src="' + dataimg + '" width="100%" />',
                       });
                       layer.close(index);
                   });

方法二。在成功以后修改样式

layer.open({
type