• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    layUI ajax加载html页面后重新渲染的方法

    相关问题同:

    1、layUI使用jquery.load加载界面时,如何让layui渲染页面?

    2、layUI ajax加载html页面后重新渲染

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

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

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

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

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

    以上这篇layUI ajax加载html页面后重新渲染的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

    您可能感兴趣的文章:
    • layui动态渲染生成select的option值方法
    • layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
    • layui的布局和表格的渲染以及动态生成表格的方法
    • 解决使用layui的时候form表单中的select等不能渲染的问题
    • 浅谈layui使用模板引擎动态渲染元素要注意的问题
    • layui使用表格渲染获取行数据的例子
    • layui问题之渲染数据表格时,仅出现10条数据的解决方法
    • 解决layui 表单元素radio不显示渲染的问题
    • 使用layui 渲染table数据表格的实例代码
    • layui框架table 数据表格的方法级渲染详解
    • 解决Layui当中的导航条动态添加后渲染失败的问题
    上一篇:ajax动态获取数据库中的数据方法
    下一篇:Select2在使用ajax获取远程数据时显示默认数据的方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    layUI ajax加载html页面后重新渲染的方法 layUI,ajax,加载,html,页面,