1. 程式人生 > >layui下select下拉框不顯示或沒有效果

layui下select下拉框不顯示或沒有效果

Layui會對select、checkbox、radio等原始元素隱藏,從而進行美化修飾處理。但這需要依賴於form元件,所以你必須載入 form,並且執行一個例項。值得注意的是:導航的Hover效果、Tab選項卡等同理(它們需依賴 element 模組)

所以當新新增這些元素以後需要對頁面表單元素重新渲染一下


layui.use('form', function(){
var form = layui.form; //只有執行了這一步,部分表單元素才會自動修飾成功

.....

//但是,如果你的HTML是動態生成的,自動渲染就會失效
//因此你需要在相應的地方,執行下述方法來手動渲染,跟這類似的還有 element.init();
form.render();