当前位置: 首页 > 工具软件 > Hint.css > 使用案例 >

layui引用layui.css,layui.js后表单不显示,不渲染?

融建树
2023-12-01

示例:

<div class="layui-form">
    <input type="checkbox" name="work" lay-skin="primary" title="工作" checked>
  </div>
<script>
  $(function () {
    layui.use('form', function(){
    var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
      form.render();//更新全部
    });  
  })

</script>

成功渲染

  • 说明:
form.render(); //更新全部
form.render('select'); //刷新select选择框渲染
  • 扩展:
【HTML】
<div class="layui-form" lay-filter="test1">
  …
</div>
 
<div class="layui-form" lay-filter="test2">
  …
</div>
【JavaScript】
form.render(null, 'test1'); //更新 lay-filter="test1" 所在容器内的全部表单状态
form.render('select', 'test2'); //更新 lay-filter="test2" 所在容器内的全部 select 状态

详见文档常见问题:layui

 

 类似资料: