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实现动态禁止select下拉的方法

layui后端怎么搭建

layui如何判定密码不一致

layui中layer的宽高怎么自定义设置?

layui实现点击事件的方法

layui如何对表单标签进行校验

layui如何清除表单数据

怎么将layui引入开发框架中

基于layui的步骤条面板(附代码)

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




打赏

取消

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

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

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

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

评论

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