layUI ajax加載html頁(yè)面后重新渲染的方法

更新時(shí)間：2018年08月09日 11:03:18 作者：空空dream

今天小編就為大家分享一篇layUI ajax加載html頁(yè)面后重新渲染的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

相關(guān)問(wè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名稱(chēng)</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();
 });

類(lèi)似的，如果form中的radio沒(méi)有渲染，則在加載頁(yè)面添加以下代碼亦可解決：

layui.use('form', function() {
  var form = layui.form; //只有執(zhí)行了這一步，部分表單元素才會(huì)自動(dòng)修飾成功
  form.render();
 });

以上這篇layUI ajax加載html頁(yè)面后重新渲染的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

ajax上傳圖片到PHP并壓縮圖片顯示的方法
這篇文章主要為大家詳細(xì)介紹了ajax上傳圖片到PHP并壓縮圖片顯示的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-05-05
AJAX初體驗(yàn)之上手篇
AJAX初體驗(yàn)之上手篇...
2006-07-07
ajax局部刷新一個(gè)div下jsp內(nèi)容的方法
局部刷新某個(gè)div下的jsp可以通過(guò)setInterval或者是setTimeout來(lái)輕松實(shí)現(xiàn)，具體如下，有此需求的朋友可以參考下，希望對(duì)大家有所幫助
2013-08-08
AJAX入門(mén)之深入理解JavaScript中的函數(shù)
AJAX入門(mén)之深入理解JavaScript中的函數(shù)...
2007-02-02
AJAX初體驗(yàn)之實(shí)戰(zhàn)篇——打造博客無(wú)刷新搜索
AJAX初體驗(yàn)之實(shí)戰(zhàn)篇——打造博客無(wú)刷新搜索...
2006-08-08
AJAX實(shí)現(xiàn)注冊(cè)驗(yàn)證用戶(hù)名
這篇文章主要為大家詳細(xì)介紹了AJAX實(shí)現(xiàn)注冊(cè)驗(yàn)證用戶(hù)名，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-03-03
AJAX應(yīng)用之注冊(cè)用戶(hù)即時(shí)檢測(cè)
AJAX應(yīng)用之注冊(cè)用戶(hù)即時(shí)檢測(cè)...
2006-07-07
基于A(yíng)jax技術(shù)實(shí)現(xiàn)文件上傳帶進(jìn)度條
這篇文章主要介紹了基于A(yíng)jax技術(shù)實(shí)現(xiàn)文件上傳帶進(jìn)度條的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
淺談AJAX開(kāi)發(fā)技術(shù)
本文簡(jiǎn)單介紹了下ajax的概念歷史以及XMLHttpRequest對(duì)象的屬性、XMLHttpRequest對(duì)象的方法和AJAX封裝后的代碼，十分不錯(cuò)，這里推薦給小伙伴們。
2015-02-02
AJAX的原理—如何做到異步和局部刷新【實(shí)現(xiàn)代碼】
如何做到異步和局部刷新？下面小編就為大家?guī)?lái)一篇AJAX的原理—如何做到異步和局部刷新【實(shí)現(xiàn)代碼】。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05