项目结构:
因我的首页引入了layui.js以及layui.css,那么当加载子页面(我的其他页面都嵌入到了首页的某个部分中,因导航栏在任何页面都需要显示也即是导航占首页的一部分,所有子页面占另一部分)的时候就不能再引入以上两个文件,否则就会报错:layer.css?v=3.5.1 net::ERR_ABORTED 404
但是表单弹窗如果是单独的html文件就需要在该页面引入layui,否则就会丢失样式(也就是在弹框之前的页面中写入的弹窗html就可以使用到已经引入的layui)
注意: 如果因为子页面没有引入layui.js的原因导致页面form表单中的下拉框无法显示,那么就需要手动在js中刷新表单:
var form = layui.form;
form.render();
如图:
下图中的下拉框就因在子页面未引入layui.js导致下拉框不显示,使用form.render()之后解决