Layer彈出層動(dòng)態(tài)獲取數(shù)據(jù)的方法
前一陣子做了一個(gè)簡(jiǎn)單的小項(xiàng)目,用到了Layer彈出層(彈出層的用法就不多加贅述了,官網(wǎng)上都有詳細(xì)的介紹,這里附上網(wǎng)址http://layer.layui.com/),當(dāng)時(shí)前后臺(tái)合頁(yè)面的時(shí)候就出現(xiàn)了一個(gè)問(wèn)題,彈出層總是獲取不到數(shù)據(jù),不過(guò)后面還是和同學(xué)們一起解決了,希望能幫助到大家。
之前的代碼:
<a id="func11" onclick="func11();">點(diǎn)擊查看</a>
function func11() { console.log($.cookie("id")); //iframe窗 layer.open({ type: 2, title: false, shade: [0.5], title: '商品簡(jiǎn)介', shadeClose: true, shade: 0.5, skin:'demo-class', maxmin: true, //開(kāi)啟最大化最小化按鈕 area: ['1000px', '660px'], shift: 2, content: 'product.jsp?id=<%=rs.getInt(“id”)%>', //iframe的url, }); }
錯(cuò)誤:id號(hào)傳不過(guò)去,頁(yè)面跳轉(zhuǎn)之后接收的id不正確,所以顯示的頁(yè)面不正確。
錯(cuò)誤原因:變量的作用域有問(wèn)題。在上面的rs不能傳到func11()方法里面,所以傳遞的參數(shù)有問(wèn)題。
解決方法:在func11()函數(shù)中添加一個(gè)參數(shù),將id這個(gè)參數(shù)在點(diǎn)擊事件里添加進(jìn)去。
修改后的代碼:
<a id="func11" onclick="func11(<%=rs.getInt(“id”)%>);">點(diǎn)擊查看</a>
function func11(x) { $.cookie("id",x); console.log($.cookie("id")) //iframe窗 layer.open({ type: 2, title: false, shade: [0.5], title: '商品簡(jiǎn)介', shadeClose: true, shade: 0.5, skin:'demo-class', maxmin: true, //開(kāi)啟最大化最小化按鈕 area: ['1000px', '660px'], shift: 2, content: 'product.jsp?id=' + $.cookie("id"), //iframe的url }); }
以上這篇Layer彈出層動(dòng)態(tài)獲取數(shù)據(jù)的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
變量聲明時(shí)命名與變量作為對(duì)象屬性時(shí)命名的區(qū)別解析
這篇文章主要介紹了變量聲明時(shí)命名與變量作為對(duì)象屬性時(shí)命名的區(qū)別。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12JavaScript實(shí)現(xiàn)簡(jiǎn)單的拖拽效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單的拖拽效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-11-11js結(jié)合css實(shí)現(xiàn)登錄后才能復(fù)制的效果實(shí)例
很多網(wǎng)站都有登錄后才能復(fù)制的限制,什么原理呢?css屬性u(píng)ser-select:none,通常會(huì)采用這種方式來(lái)禁止復(fù)制文本。但瀏覽開(kāi)發(fā)者工具-審查元素,取消此樣式后,就可以選中文本了。想要完整地禁止復(fù)制,還需要通過(guò)js控制選擇的內(nèi)容。2023-07-07微信小程序?qū)崿F(xiàn)發(fā)送驗(yàn)證碼按鈕效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)發(fā)送驗(yàn)證碼按鈕效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12詳解javascript腳本何時(shí)會(huì)被執(zhí)行
這篇文章主要介紹了詳解javascript腳本何時(shí)會(huì)被執(zhí)行,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下2021-02-02微信小程序picker組件下拉框選擇input輸入框的實(shí)例
這篇文章主要介紹了微信小程序picker組件下拉框選擇input輸入框的實(shí)例的相關(guān)資料,希望通過(guò)本文能幫助到大家,需要的朋友可以參考下2017-09-09JavaScript實(shí)現(xiàn)漢字轉(zhuǎn)換為拼音的庫(kù)文件示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)漢字轉(zhuǎn)換為拼音的庫(kù)文件,結(jié)合具體實(shí)例分析了JSPinyin庫(kù)文件與簡(jiǎn)單使用技巧,需要的朋友可以參考下2016-12-12JavaScript深拷貝與淺拷貝實(shí)現(xiàn)詳解
深拷貝和淺拷貝是面試中經(jīng)常出現(xiàn)的,主要考察對(duì)基本類型和引用類型的理解深度,這篇文章主要給大家介紹了關(guān)于js深拷貝和淺拷貝的相關(guān)資料,需要的朋友可以參考下2022-11-11