彈層layer下拉框沒有樣式_不可點擊_沒有效果_渲染失效的解決辦法html
1、必須給表單體系所在的父元素加上 class="layui-form"ajax
在一個容器中設定 class="layui-form" 來標識一個表單元素塊,若是你不想用 form,你能夠換成 div 等任何一個普通元素;記得要在 外層容器 中定義 class="layui-form",form 模塊才能正常工做。app
當你使用表單時,layui 會對 select、checkbox、radio 等原始元素隱藏,從而進行美化修飾處理。但這須要依賴於 form 組件,因此你必須加載 form,而且執行一個實例;spa
在這以前,你須要保證引入 js 的路徑是否正確,也就是要注意 layui 已經成功的引入進來。(這就是一個很明顯的路徑錯誤:Uncaught ReferenceError: layui is not defined)雙向綁定
3、更新渲染code
有些時候,你的有些表單元素多是動態插入的。這時 form 模塊 的自動化渲染是會對其失效的。雖然 layui 不支持雙向綁定機制,但沒有關係,你只須要執行 form.render(type, filter); 方法便可。orm
第一個參數:type,爲表單的 type 類型,可選。默認對所有類型的表單進行一次更新。可局部刷新的 type 以下表:htm
參數(type)值 | 描述 |
---|---|
select | 刷新select選擇框渲染 |
checkbox | 刷新checkbox複選框(含開關)渲染 |
radio | 刷新radio單選框框渲染 |