jQuery、layer實(shí)現(xiàn)彈出層的打開、關(guān)閉功能
打開彈出層:
在list頁面帶入layer.js
在list頁面點(diǎn)擊時(shí),彈出form彈出層,list.js:
$(".add_category,.update").click(function(){ //彈出框 var doMain = $('.domain_name').val(); layer.open({ shade: [0.5, '#000', false], type: 2, area: ['900px', '530px'], fix: false, //不固定 maxmin: true, title: ['添加或修改用戶類型', false], content: doMain+"/Stat/QueryUserCategoryForm.action?adminUserCategory.id="+$(this).val() }); });
在點(diǎn)擊form彈出層的“保存”按鈕時(shí),如果保存數(shù)據(jù)成功,則關(guān)閉彈出層,并且刷新list頁面:
<span style="color:#000099;">submitHandler: function (form){ $.post( $('.domain_name').val()+"/Stat/AddOrUpdateUserCategory.action", $(form).serialize(), function(data){ var result = eval("("+data+")"); if(!result.status){ alert(result.message); }else{ //添加數(shù)據(jù)成功,關(guān)閉彈出窗之前,刷新列表頁面的數(shù)據(jù) parent.window.location.href=$('.domain_name').val()+"/Stat/QueryUserCategoryListStat.action"; </span><span style="color:#ff6666;"> var index = parent.layer.getFrameIndex(window.name); //獲取窗口索引 parent.layer.close(index); </span><span style="color:#000099;"> } } ); } </span>
以上所述是小編給大家介紹的jQuery、layer實(shí)現(xiàn)彈出層的打開、關(guān)閉功能,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
jQuery實(shí)現(xiàn)帶玻璃流光質(zhì)感的手風(fēng)琴特效
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶玻璃流光質(zhì)感的手風(fēng)琴特效,是一款基于jQuery+CSS3實(shí)現(xiàn)手風(fēng)琴特效,希望你可以喜歡。2015-11-11利用jQuery treetable實(shí)現(xiàn)樹形表格拖拽詳解
這篇文章主要為大家介紹了如何利用jQuery treetable實(shí)現(xiàn)樹形表格拖拽功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以動(dòng)手嘗試一下2022-06-06遠(yuǎn)離JS災(zāi)難css災(zāi)難之 js私有函數(shù)和css選擇器作為容器
當(dāng)一個(gè)項(xiàng)目龐大到一定階段,例如UI展示層采用了模塊化模板化之后,就會(huì)出現(xiàn)js災(zāi)難,css災(zāi)難,經(jīng)常出現(xiàn)以前從來不放在一起的兩個(gè)js或css莫名奇妙的被放到了一個(gè)頁面,基本的原因是模塊重用造成的2011-12-12jQuery實(shí)現(xiàn)下拉框左右選擇的簡單實(shí)例
本篇文章主要是對(duì)jQuery實(shí)現(xiàn)下拉框左右選擇的簡單實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02解決jquery的.animate()函數(shù)在IE6下的問題
最近剛在項(xiàng)目里面花心思捉摸JQ,所以有些心得也及時(shí)放上來,理解不足的地方也請(qǐng)教下大家。2010-12-12