记录一下在工作中使用 LayUI bug的问题

前言: 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%)'
});
相关推荐
_09272 分钟前
Vue 2 与 Vue 3 的核心区别及 Vue 3 新特性详解
前端
David凉宸4 分钟前
一文带你使用Vue完成移动端(apk)项目
前端
会飞的鱼先生16 分钟前
Vue3的内置组件 -实现过渡动画 TransitionGroup
前端·javascript·vue.js·vue
晓得迷路了16 分钟前
10 分钟开发一个 Chrome 插件?Trae 让你轻松实现!
前端·javascript·trae
秋天的一阵风22 分钟前
Vue3探秘系列— 路由:vue-router的实现原理(十六-上)
前端·vue.js·面试
秋天的一阵风23 分钟前
Vue3探秘系列— 路由:vue-router的实现原理(十六-下)
前端·vue.js·面试
海底火旺42 分钟前
JavaScript中的Object方法完全指南:从基础到高级应用
前端·javascript·面试
海底火旺43 分钟前
JavaScript中的Symbol:解锁对象属性的新维度
前端·javascript·面试
天天扭码44 分钟前
一文吃透 ES6新特性——解构语法
前端·javascript·面试
Kagerou1 小时前
组件测试
前端