layui怎么重新渲染


当前第2页 返回上一页

layUI ajax加载html页面后渲染,关键在将html插到指定位置后重新调用element.init();渲染

1

2

3

4

5

6

7

8

9

10

11

12

$.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();这句

1

2

3

4

layui.use('element', function() {

        var element = layui.element;

        element.init();

    });

类似的,如果form中的radio没有渲染,则在加载页面添加以下代码亦可解决:

1

2

3

4

layui.use('form', function() {

        var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功

        form.render();

    });

以上就是layui怎么重新渲染的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

layui是开源的吗

layui如何获取复选框的值以及如何为复选框赋值

layui数据表格隐藏列的方法介绍

layui有什么好处

在vue中怎么使用layui

layui分页怎么用

layui不同版本在使用上的差异对比

django+layui后台布局介绍

使用layui怎么下载文件

layui的select框不出来怎么办

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...