当前位置: 移动技术网 > IT编程>开发语言>JavaScript > layui引用layui.css,layui.js后为什么表单不显示,不渲染?

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

2020年07月17日  | 移动技术网IT编程  | 我要评论
示例:<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; //只有执行了这一步,部分表单元素才会自动修饰成

示例:

<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

本文地址:https://blog.csdn.net/SmartJunTao/article/details/107382901

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网