前言: LayUI是一个很老的框架了,经常会碰到一些 bug。不过由于他的轻量级,仍然有一些项目在使用。解决这些 bug 可能会对大家产生一些意义。
layui中 slect form表单元素 不美化显现的问题
layui中美化的表单元素 在渲染完成要添加 form.render();
$.each($('#classId option'),function (i, v) {if($(v).val()==data.id){$(v).attr("selected","selected")}})
form.render()
如果还不显示,检查一下html结构 是否在父级元素上有layui-form的类名
<div class="layui-form"><label for="unit" class="col-lg-2 control-label"> 商品单位:</label><div class="col-lg-6"><select class="layui-input" id="unit" lay-search></select></div>
</div>
layui 日期插件laydate 闪没 问题
当页面高度不够时(高度不够,指的是 input输入框下面的页面高度 小于 时间控件的高度),时间控件,点击以后 会闪没,当退出页面 ,再返回以后,时间控件正常出现;
解决方案:将触发 方法 改为 click
laydate.render({elem: '#birthLeader',trigger: 'click'
});
无论是否 高度足够,均可以出现 控件 ,当高度不够时,会遮挡 input输入框
弹出框 不居中问题
遇到一个问题,弹出框 水平居中,高度偏下,解决办法
动态改变位置
layer.style(index 的值 弹出框 唯一标识, {top: '50%',transform:'translateY(-50%)'
});