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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

[asp]天楓AJAX百度音樂即時聽附下載
[asp]天楓AJAX百度音樂即時聽附下載...
2007-09-09
Ajax使用JSON數(shù)據(jù)格式案例
JSON是一種簡單的數(shù)據(jù)格式，比xml更輕巧。其規(guī)則很簡單，對象是一個無序的名稱/值對集合，下面有個案例，大家可以感受下
2014-07-07
全面解析Ajax綜合應(yīng)用(全)
AJAX = 異步 JavaScript 和 XML，AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。本文給大家?guī)砹巳娼馕鯝jax綜合應(yīng)用大全，非常不錯具有參考借鑒價值，感興趣的朋友一起看下吧
2016-06-06
Ajax 無刷新在注冊用戶名時的應(yīng)用的代碼
Ajax 無刷新在注冊用戶名時的應(yīng)用的代碼...
2007-04-04
js結(jié)合json實(shí)現(xiàn)ajax簡單實(shí)例
這篇文章主要為大家詳細(xì)介紹了js結(jié)合json實(shí)現(xiàn)ajax簡單實(shí)例的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
非常簡單的Ajax請求實(shí)例附源碼
這篇文章為大家推薦了一個非常簡單的Ajax請求實(shí)例，可以在不重載頁面的情況與 Web 服務(wù)器交換數(shù)據(jù)，感興趣的小伙伴們可以參考一下
2015-11-11
ajax實(shí)現(xiàn)用戶名校驗(yàn)的傳統(tǒng)和jquery的$.post方式(實(shí)例講解)
下面小編就為大家分享一篇ajax實(shí)現(xiàn)用戶名校驗(yàn)的傳統(tǒng)和jquery的$.post方式的實(shí)例講解，具有很好的參考價值，希望對大家有所幫助
2017-12-12
經(jīng)典的20道AJAX面試題(必知必會)
本文給大家介紹20道jquery ajax面試題，在前端開發(fā)階段經(jīng)常會問到，今天小編給大家分享經(jīng)典的20道AJAX面試題，感興趣的朋友一起學(xué)習(xí)吧
2016-09-09
Ajax工作原理及優(yōu)缺點(diǎn)實(shí)例解析
這篇文章主要介紹了Ajax工作原理及優(yōu)缺點(diǎn)實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-09-09
什么是ajax的定義
ajax的定義簡單描述了ajax的功能、用處,需要的朋友可以參考一下
2007-12-12