建站
咨詢
售后
建站咨詢
新聞中心
這篇文章給大家分享的是有關layui中select框不出來的解決方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
成都創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站建設、網(wǎng)站重做改版、東寶網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5響應式網(wǎng)站、商城建設、集團公司官網(wǎng)建設、外貿(mào)營銷網(wǎng)站建設、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為東寶等各大城市提供網(wǎng)站開發(fā)制作服務。
layui的select框不出來是因為Layui會對select、checkbox、radio等原始元素隱藏，其解決辦法就是加載form，并且執(zhí)行一個實例即可。
今天用layui寫前端頁面時候用到了通過jqurey中的befor追加select元素
一開始寫法：
---
頁面內(nèi)容：
翻閱layui官方API發(fā)現(xiàn)
Layui會對select、checkbox、radio等原始元素隱藏，從而進行美化修飾處理。但這需要依賴于form組件，所以你必須加載 form，并且執(zhí)行一個實例。值得注意的是：導航的Hover效果、Tab選項卡等同理（它們需依賴 element 模塊）
所以當新添加這些元素以后需要對頁面表單元素重新渲染一下
layui.use('form', function(){
var form = layui.form; //只有執(zhí)行了這一步，部分表單元素才會自動修飾成功
//……
//但是，如果你的HTML是動態(tài)生成的，自動渲染就會失效
//因此你需要在相應的地方，執(zhí)行下述方法來手動渲染，跟這類似的還有 element.init();
form.render();
});在script最后加上上面代碼
.jpg)
問題解決了
注：用的layui 2.x版本其他版本可能會有差異
感謝各位的閱讀！關于layui中select框不出來的解決方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
分享題目：layui中select框不出來的解決方法
本文來源：http://www.dlmjj.cn/article/ppjjgi.html
