Maison > Article > interface Web > Comment restituer layui
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.
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='layui-this'>tab名称</li>"); $("#layui-tab-content").append(data); layui.use('element', function() { var element = layui.element; element.init(); }); } })
Le rendu se fait principalement en dessous de element.init(); Cette phrase
layui.use('element', function() { var element = layui.element; element.init(); });
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('form', function() { var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功 form.render(); });
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!