# 彈窗內組件不渲染 ## 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里面 */ } }); ~~~