layui ajax执行后怎么重新渲染页面?

layui ajax执行后怎么重新渲染页面?下面本篇文章给大家介绍一下使用layui时,ajax执行后,重新渲染页面的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

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

$.ajax({
            url : url,
              type : 'get',
              dataType:'json',
              success : function(data) {
		//重新渲染页面元素
                  layui.use('element', function() {
                      var element = layui.element;
                      element.init();
                  });
              }
          })

渲染主要在下面element.init();这句

layui.use('element', function() {
        var element = layui.element;
        element.init();
});

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

layui.use('form', function() {
        var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
        form.render();
    });

更多web前端知识,请查阅 HTML中文网 !!

以上就是layui ajax执行后怎么重新渲染页面?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » Layui 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏