layUI ajax加載html頁面后重新渲染的方法
更新時間:2018年08月09日 11:03:18 作者:空空dream
今天小編就為大家分享一篇layUI ajax加載html頁面后重新渲染的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
相關(guān)問題同:
1、layUI使用jquery.load加載界面時,如何讓layui渲染頁面?
2、layUI ajax加載html頁面后重新渲染
layUI ajax加載html頁面后渲染,關(guān)鍵在將html插到指定位置后重新調(diào)用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; //只有執(zhí)行了這一步,部分表單元素才會自動修飾成功 form.render(); });
以上這篇layUI ajax加載html頁面后重新渲染的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- layui動態(tài)渲染生成select的option值方法
- layui動態(tài)渲染生成左側(cè)3級菜單的方法(根據(jù)后臺返回數(shù)據(jù))
- layui的布局和表格的渲染以及動態(tài)生成表格的方法
- 解決使用layui的時候form表單中的select等不能渲染的問題
- 淺談layui使用模板引擎動態(tài)渲染元素要注意的問題
- layui使用表格渲染獲取行數(shù)據(jù)的例子
- layui問題之渲染數(shù)據(jù)表格時,僅出現(xiàn)10條數(shù)據(jù)的解決方法
- 解決layui 表單元素radio不顯示渲染的問題
- 使用layui 渲染table數(shù)據(jù)表格的實例代碼
- layui框架table 數(shù)據(jù)表格的方法級渲染詳解
- 解決Layui當(dāng)中的導(dǎo)航條動態(tài)添加后渲染失敗的問題
相關(guān)文章
ajax實現(xiàn)用戶名校驗的傳統(tǒng)和jquery的$.post方式(實例講解)
下面小編就為大家分享一篇ajax實現(xiàn)用戶名校驗的傳統(tǒng)和jquery的$.post方式的實例講解,具有很好的參考價值,希望對大家有所幫助2017-12-12