layui弹窗加载远程html片段需用type:1+$.get：先open空容器，success中$.get同源html，再find('.layui-layer-content').html()插入，最后form.render()初始化组件。
要在Layui弹窗中加载并渲染远程HTML文件片段（非整页、不含body/html标签的纯内容块），不能直接用type: 2，也不能把URL当字符串塞进content——否则会显示源码或报错。
用type: 1 + $.get手动加载HTML片段
这一步适合加载服务端返回的纯HTML片段（如一个表单div、一段带lay-form的卡片），要求片段内不含<script>执行逻辑，且CSS已全局引入。</script>
第一步：调用layer.open，设置type: 1，content设为空容器占位符，同时在success回调中发起AJAX请求
第二步：用$.get('/dialog/user-form.html')获取HTML字符串，注意路径必须同源；若返回404或500，layer弹窗将保持空白，需自行加错误提示
第三步：拿到响应后，用$(this).find('.layui-layer-content').html(html)插入内容——【必须等layer DOM挂载完成再操作，不能在open前就查.find()】
第四步：若片段含layui-form、layui-select等组件，插入后立即执行form.render()，否则下拉框、开关不会初始化
用type: 2加载iframe但只显示片段区域
当远程HTML是完整页面（含doctype、head、body），但你只想展示其中某个id为#main-content的区块时，此法更稳妥。
方法一：服务端配合返回精简版HTML
让后端接口（如/api/partial/user-edit）只输出
方法二：iframe加载后裁剪DOM（需同源）
设置type: 2，content: '/dialog/user-full.html'，area设为['800px','600px']；在success回调里通过$(this).find('iframe')[0].contentDocument.getElementById('main-content').innerHTML提取目标片段
然后清空layui-layer-content，再把提取出的HTML字符串重新注入——【跨域时此方法彻底失效，contentDocument会报拒绝访问】
避免白屏与DOM时机错乱
第一步：content不要写成字符串URL，也不要写成返回loading图标的函数——那只是视觉占位，无法解决片段渲染问题
第二步：确保layer模块已就绪，推荐在layui.use(['layer', 'jquery'], function(){...})内执行，而非$(document).ready()
第三步：如果远程HTML片段依赖动态数据，不要在模板里硬写{{ d.name }}，而应在$.get成功后，先用laytpl编译再插入——此时d数据必须已准备好，且laytpl字符串需提前从script标签中取出来
第四步：关闭弹窗前，若片段中有绑定事件（如form.on('submit(...)）），无需手动解绑；layer.close()会自动清理内部事件代理
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
