前言: LayUI是一個很老的框架了,經(jīng)常會碰到一些 bug。不過由于他的輕量級,仍然有一些項目在使用。之前在公司解決的這些 bug,現(xiàn)在有時間發(fā)出來,可能會對大家產(chǎn)生一些意義。
layui中 slect form表單元素 不美化顯現(xiàn)的問題
layui中美化的表單元素 在渲染完成要添加 form.render();
$.each($('#classId option'),function (i, v) {
if($(v).val()==data.id){
$(v).attr("selected","selected")
}
})
form.render()
如果還不顯示,檢查一下html結(jié)構(gòu) 是否在父級元素上有l(wèi)ayui-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輸入框下面的頁面高度 小于 時間控件的高度),時間控件,點擊以后 會閃沒,當退出頁面 ,再返回以后,時間控件正常出現(xiàn);
解決方案:將觸發(fā) 方法 改為 click
laydate.render({
elem: '#birthLeader'
,trigger: 'click'
});
無論是否 高度足夠,均可以出現(xiàn) 控件 ,當高度不夠時,會遮擋 input輸入框文章來源:http://www.zghlxwxcb.cn/news/detail-673654.html
彈出框 不居中問題
遇到一個問題,彈出框 水平居中,高度偏下,解決辦法
動態(tài)改變位置文章來源地址http://www.zghlxwxcb.cn/news/detail-673654.html
layer.style(index 的值 彈出框 唯一標識, {
top: '50%',
transform:'translateY(-50%)'
});
到了這里,關(guān)于記錄一下在工作中使用 LayUI bug的問題的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!