解決layer 關(guān)閉當(dāng)前彈窗 關(guān)閉遮罩層 input值獲取不到的問(wèn)題
彈出某個(gè)層時(shí)需要給層取名(賦值)
var = ggLayer = layer.open({ type: 1, content: $('.choose-gg').html(), anim: 'up', style: 'position:fixed; bottom:0; left:0; width: 100%; height: auto; padding:10px 0; border:none;' });
layer.closeAll(); 關(guān)閉遮罩層
layer.close(ggLayer);關(guān)閉彈窗
使用layer.open彈出頁(yè)面時(shí),將頁(yè)面內(nèi)容設(shè)入content屬性中,有時(shí)候直接將頁(yè)面的元素放進(jìn)來(lái),比如$("xxx").html().
容易掉進(jìn)坑的地方來(lái)了,這樣設(shè)置實(shí)質(zhì)是layer將你的頁(yè)面html復(fù)制出來(lái)一份,新生成的彈出框已經(jīng)不是你原來(lái)寫的了
所以,如果你給input起了個(gè)id并用id獲取input的值,實(shí)質(zhì)上獲取的是原本頁(yè)面的input的值(第一個(gè)input),不是layer生成的頁(yè)面的input(第二個(gè)input),而你輸入的地方是layer生成的input(第二個(gè)),所以只能獲得input默認(rèn)自帶的值而獲取不到剛輸入的值。
解決辦法:
給input起個(gè)class,不要id,獲取input的值得時(shí)候要用$(".xxx").eq(1).val(),獲取生成的第二個(gè)input的值,你會(huì)發(fā)現(xiàn)成功可以獲取了
console.log($(".reasonContent2").eq(1).val())
以上這篇解決layer 關(guān)閉當(dāng)前彈窗 關(guān)閉遮罩層 input值獲取不到的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript輸出當(dāng)前時(shí)間Unix時(shí)間戳的方法
這篇文章主要介紹了JavaScript輸出當(dāng)前時(shí)間Unix時(shí)間戳的方法,涉及javascript中Date及getTime等函數(shù)操作時(shí)間的使用技巧,需要的朋友可以參考下2015-04-04Javascript 阿拉伯?dāng)?shù)字轉(zhuǎn)化中國(guó)大寫數(shù)字的函數(shù)代碼
將阿拉伯?dāng)?shù)字轉(zhuǎn)化中國(guó)大寫數(shù)字的函數(shù)代碼,需要的朋友可以參考下。2010-04-04基于JavaScript實(shí)現(xiàn)新增內(nèi)容滾動(dòng)播放效果附完整代碼
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)新增內(nèi)容滾動(dòng)播放效果,效果非常棒,實(shí)現(xiàn)代碼簡(jiǎn)單易懂,需要的朋友可以參考下2017-08-08JS數(shù)組進(jìn)階示例【數(shù)組的幾種函數(shù)用法】
這篇文章主要介紹了JS數(shù)組進(jìn)階,結(jié)合實(shí)例形式總結(jié)分析了數(shù)組的幾種常見函數(shù)基本用法,涉及JavaScript數(shù)組元素刪除、拼接、添加、倒序排列等相關(guān)操作技巧,需要的朋友可以參考下2020-01-01js實(shí)現(xiàn)帶翻轉(zhuǎn)動(dòng)畫圖片時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)帶翻轉(zhuǎn)動(dòng)畫的圖片時(shí)鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04用POSTMAN發(fā)送JSON格式的POST請(qǐng)求示例
這篇文章主要介紹了用POSTMAN發(fā)送JSON格式的POST請(qǐng)求示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09