layui 使用弹出层时界面闪烁，不显示弹出层

最新推荐文章于 2022-08-06 15:53:36 发布

原创最新推荐文章于 2022-08-06 15:53:36 发布 · 576 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

本文详细描述了在使用layui框架进行弹出层操作时遇到的界面闪烁问题及解决方案。问题出现在将a标签包裹button标签时，导致弹出层无法正常显示。通过调整代码结构，移除a标签，成功解决了界面闪烁并使弹出层正常显示。

layui 使用弹出层时界面闪烁，不显示弹出层：

在button标签上我加了一个a标签，导致弹出层界面闪烁一下，不显示，删除后成功显示；
原来的代码：

	<a style="dispaly: block;width: 100%;height:100%" href="....">
		<button type="button" id="addProject" onclick="addProject()" style="margin: 3rem 0 0 2rem;" class="layui-btn layui-btn-radius layui-btn-normal"> 
			新增
		</button>
	</a>

更正后的代码：

<button type="button" id="addProject" onclick="addProject()" style="margin: 3rem 0 0 2rem;" class="layui-btn layui-btn-radius layui-btn-normal"> 
			新增
	</button>

源自：https://blog.youkuaiyun.com/zz_lkw/article/details/81742625