# 弹窗内组件不渲染 ## 10.10.弹窗内组件不渲染 常见于`type: 1`的非iframe的弹窗中，因为layui的很多组件都是在加载对应模块后自动渲染的， 非iframe弹窗打开后模块早就在列表页面加载完成了，自然就不会自动渲染了，需要手动重新渲染。 如果是独立的弹窗页面在弹窗页面的`layui.use`里面写： ~~~ <div></div> <script> layui.use(['element', 'form'], function () { element.render(); // tab选项卡、nav导航、breadcrumb面包屑、progress进度条、collapse折叠面板 // element.render('tab'); form.render(); // select下拉框、checkbox复选框、radio单选框 // form.render('select'); }); </script> ~~~ 如果是`<script type="text/html">`方式的页面层弹窗在弹窗的`success`里面写： ~~~ admin.open({ type: 1, content: $('#modelUser').html(), success: function (layero, dIndex) { element.render(); // tab选项卡、nav导航、breadcrumb面包屑、progress进度条、collapse折叠面板 // element.render('tab'); form.render(); // select下拉框、checkbox复选框、radio单选框 // form.render('select'); /* 包括弹窗内的 laydate.render({...})、table.render({...}) 都应该写在success里面 */ } }); ~~~