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

clc_2020

于 2020-07-15 14:46:36 发布

阅读量561

点赞数

CC 4.0 BY-SA版权

文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/clc_2020/article/details/107360511

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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