layUI ajax加載html頁(yè)面后重新渲染的方法
更新時(shí)間：2018年08月09日 11:03:18 作者：空空dream
今天小編就為大家分享一篇layUI ajax加載html頁(yè)面后重新渲染的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
相關(guān)問題同：
1、layUI使用jquery.load加載界面時(shí)，如何讓layui渲染頁(yè)面？
2、layUI ajax加載html頁(yè)面后重新渲染
layUI ajax加載html頁(yè)面后渲染，關(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沒有渲染，則在加載頁(yè)面添加以下代碼亦可解決：
layui.use('form', function() {
var form = layui.form; //只有執(zhí)行了這一步，部分表單元素才會(huì)自動(dòng)修飾成功
form.render();
});
以上這篇layUI ajax加載html頁(yè)面后重新渲染的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- layui動(dòng)態(tài)渲染生成select的option值方法
- layui動(dòng)態(tài)渲染生成左側(cè)3級(jí)菜單的方法(根據(jù)后臺(tái)返回?cái)?shù)據(jù))
- layui的布局和表格的渲染以及動(dòng)態(tài)生成表格的方法
- 解決使用layui的時(shí)候form表單中的select等不能渲染的問題
- 淺談layui使用模板引擎動(dòng)態(tài)渲染元素要注意的問題
- layui使用表格渲染獲取行數(shù)據(jù)的例子
- layui問題之渲染數(shù)據(jù)表格時(shí),僅出現(xiàn)10條數(shù)據(jù)的解決方法
- 解決layui 表單元素radio不顯示渲染的問題
- 使用layui 渲染table數(shù)據(jù)表格的實(shí)例代碼
- layui框架table 數(shù)據(jù)表格的方法級(jí)渲染詳解
- 解決Layui當(dāng)中的導(dǎo)航條動(dòng)態(tài)添加后渲染失敗的問題
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了ajax上傳圖片到PHP并壓縮圖片顯示的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-05-05
AJAX初體驗(yàn)之上手篇...2006-07-07
ajax局部刷新一個(gè)div下jsp內(nèi)容的方法
局部刷新某個(gè)div下的jsp可以通過setInterval或者是setTimeout來輕松實(shí)現(xiàn)，具體如下，有此需求的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
AJAX入門之深入理解JavaScript中的函數(shù)
AJAX入門之深入理解JavaScript中的函數(shù)...2007-02-02
AJAX初體驗(yàn)之實(shí)戰(zhàn)篇——打造博客無刷新搜索
AJAX初體驗(yàn)之實(shí)戰(zhàn)篇——打造博客無刷新搜索...2006-08-08
AJAX實(shí)現(xiàn)注冊(cè)驗(yàn)證用戶名
這篇文章主要為大家詳細(xì)介紹了AJAX實(shí)現(xiàn)注冊(cè)驗(yàn)證用戶名，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
AJAX應(yīng)用之注冊(cè)用戶即時(shí)檢測(cè)
AJAX應(yīng)用之注冊(cè)用戶即時(shí)檢測(cè)...2006-07-07
基于Ajax技術(shù)實(shí)現(xiàn)文件上傳帶進(jìn)度條
這篇文章主要介紹了基于Ajax技術(shù)實(shí)現(xiàn)文件上傳帶進(jìn)度條的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
本文簡(jiǎn)單介紹了下ajax的概念歷史以及XMLHttpRequest對(duì)象的屬性、XMLHttpRequest對(duì)象的方法和AJAX封裝后的代碼，十分不錯(cuò)，這里推薦給小伙伴們。2015-02-02
AJAX的原理—如何做到異步和局部刷新【實(shí)現(xiàn)代碼】
如何做到異步和局部刷新？下面小編就為大家?guī)硪黄狝JAX的原理—如何做到異步和局部刷新【實(shí)現(xiàn)代碼】。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05