搜尋
首頁web前端Layui教程layui怎麼重新渲染

layui怎麼重新渲染

Nov 09, 2020 am 11:39 AM
layui

layui重新渲染的方法:先透過layUI ajax載入html頁面;然後將html插到指定位置後重新呼叫「element.init();」渲染即可。

layui怎麼重新渲染

推薦:《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=&#39;layui-this&#39;>tab名称</li>");
                    $("#layui-tab-content").append(data);
                    layui.use(&#39;element&#39;, function() {
                        var element = layui.element;
                        element.init();
                    });
                }
            })

渲染主要在下面element.init();這句話

layui.use(&#39;element&#39;, function() {
        var element = layui.element;
        element.init();
    });

類似的,如果form中的radio沒有渲染,則在載入頁面加入以下程式碼也可解決:

layui.use(&#39;form&#39;, function() {
        var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
        form.render();
    });

以上是layui怎麼重新渲染的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

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

熱工具

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

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