Maison > interface Web > Tutoriel Layui > Comment restituer layui

Comment restituer layui

藏色散人
Libérer: 2020-11-17 18:17:25
original
9253 Les gens l'ont consulté

Méthode de re-rendu Layui : chargez d'abord la page html via layUI ajax ; puis insérez le code HTML à la position spécifiée et rappelez "element.init();" pour le rendu.

Comment restituer layui

Recommandé : "tutoriel layui"

layUI ajax restitue après le chargement de la page html

Les questions associées sont les mêmes que :

1. Lorsque layUI utilise jquery.load pour charger l'interface, comment laisser layui restituer la page ?

2. layUI ajax charge la page html puis la restitue à nouveau

layUI ajax charge la page html puis la restitue La clé est d'insérer le html dans la position spécifiée et de la restituer. call element.init(); render

$.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();
                    });
                }
            })
Copier après la connexion

Le rendu se fait principalement en dessous de element.init(); Cette phrase

layui.use(&#39;element&#39;, function() {
        var element = layui.element;
        element.init();
    });
Copier après la connexion

est similaire si la radio dans le formulaire n'est pas rendue, en ajoutant le le code suivant sur la page de chargement peut également résoudre le problème :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers numéros
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal