相關問題同：
1、layUI使用jquery.load加載界面時，如何讓layui渲染頁面？
2、layUI ajax加載html頁面后重新渲染
layUI ajax加載html頁面后渲染，關鍵在將html插到指定位置后重新調用element.init();渲染
$.ajax({
url : url,
type : 'GET',
success : function(data) {
$("#layui-tab-title").append("li class='layui-this'>tab名稱/li>");
$("#layui-tab-content").append(data);
layui.use('element', function() {
var element = layui.element;
element.init();
});
}
})
渲染主要在下面element.init();這句
layui.use('element', function() {
var element = layui.element;
element.init();
});
類似的，如果form中的radio沒有渲染，則在加載頁面添加以下代碼亦可解決：
layui.use('form', function() {
var form = layui.form; //只有執行了這一步，部分表單元素才會自動修飾成功
form.render();
});
以上這篇layUI ajax加載html頁面后重新渲染的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:- layui動態渲染生成select的option值方法
- layui動態渲染生成左側3級菜單的方法(根據后臺返回數據)
- layui的布局和表格的渲染以及動態生成表格的方法
- 解決使用layui的時候form表單中的select等不能渲染的問題
- 淺談layui使用模板引擎動態渲染元素要注意的問題
- layui使用表格渲染獲取行數據的例子
- layui問題之渲染數據表格時,僅出現10條數據的解決方法
- 解決layui 表單元素radio不顯示渲染的問題
- 使用layui 渲染table數據表格的實例代碼
- layui框架table 數據表格的方法級渲染詳解
- 解決Layui當中的導航條動態添加后渲染失敗的問題
