layui重新渲染的方法:先透過layUI ajax載入html頁面;然後將html插到指定位置後重新呼叫「element.init();」渲染即可。
推薦:《layui教學》
layUI ajax載入html頁面後重新渲染
相關問題同:
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怎麼重新渲染的詳細內容。更多資訊請關注PHP中文網其他相關文章!
陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章
Windows 11 KB5054979中的新功能以及如何解決更新問題
3 週前ByDDD
如何修復KB5055523無法在Windows 11中安裝?
2 週前ByDDD
Inzoi:如何申請學校和大學
4 週前ByDDD
如何修復KB5055518無法在Windows 10中安裝?
2 週前ByDDD
在哪裡可以找到Atomfall中的站點辦公室鑰匙
4 週前ByDDD

熱工具

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

Atom編輯器mac版下載
最受歡迎的的開源編輯器

Dreamweaver CS6
視覺化網頁開發工具

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。