解決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)文章
JS實(shí)現(xiàn)簡(jiǎn)單的二維矩陣乘積運(yùn)算
這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單的二維矩陣乘積運(yùn)算方法,涉及JavaScript基于數(shù)組操作實(shí)現(xiàn)矩陣運(yùn)算的功能,需要的朋友可以參考下2016-01-01
javascript數(shù)組中的map方法和filter方法
這篇文章主要介紹了javascript數(shù)組中的map方法和filter方法,文章內(nèi)容介紹詳細(xì),具有一定的參考價(jià)值,需要的小伙伴可以參考一下,希望對(duì)你的學(xué)習(xí)有所幫助2022-03-03
layerui代碼控制tab選項(xiàng)卡,添加,關(guān)閉的實(shí)例
今天小編就為大家分享一篇layerui代碼控制tab選項(xiàng)卡,添加,關(guān)閉的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
js關(guān)閉當(dāng)前頁(yè)面(窗口)的幾種方式總結(jié)
js關(guān)閉當(dāng)前頁(yè)面(窗口)的幾種方式總結(jié),需要的朋友可以參考一下2013-03-03
javascript中call,apply,callee,caller用法實(shí)例分析
這篇文章主要介紹了javascript中call,apply,callee,caller用法,結(jié)合實(shí)例形式分析了javascript中call,apply,callee,caller功能、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-07-07
你必須了解的JavaScript中的屬性描述對(duì)象詳解(下)
JavaScript提供了一個(gè)內(nèi)部數(shù)據(jù)結(jié)構(gòu),用來(lái)描述對(duì)象的屬性,控制它的行為,比如該屬性是否可寫、可遍歷等等。這個(gè)內(nèi)部數(shù)據(jù)結(jié)構(gòu)稱為“屬性描述對(duì)象”。本文主要帶大家了解一下JavaScript中你必須了解的屬性描述對(duì)象,需要的可以參考一下2022-12-12
在localStorage中存儲(chǔ)對(duì)象數(shù)組并讀取的方法
頻繁ajax請(qǐng)求導(dǎo)致頁(yè)面響應(yīng)變慢,所以考慮將數(shù)據(jù)存儲(chǔ)在window.storage中,這樣只需請(qǐng)求一次ajax,接下來(lái)通過(guò)本文給大家介紹了在localStorage中存儲(chǔ)對(duì)象數(shù)組并讀取的方法,需要的朋友可以參考下2016-09-09
js點(diǎn)擊時(shí)關(guān)閉該范圍下拉菜單之外的菜單方法
下面小編就為大家分享一篇js點(diǎn)擊時(shí)關(guān)閉該范圍下拉菜單之外的菜單方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
基于JavaScript實(shí)現(xiàn)游戲購(gòu)物車效果詳解
這篇文章主要介紹了如何利用JavaScript實(shí)現(xiàn)游戲購(gòu)物車效果,文中的實(shí)現(xiàn)代碼講解詳細(xì),對(duì)我們學(xué)習(xí)JavaScript有一定幫助,需要的可以參考一下2022-03-03

