首頁  >  文章  >  web前端  >  layui怎麼重新渲染

layui怎麼重新渲染

藏色散人
藏色散人原創
2020-11-09 11:39:019025瀏覽

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