jQuery、layer實(shí)現(xiàn)彈出層的打開(kāi)、關(guān)閉功能
更新時(shí)間：2017年06月28日 09:57:18 作者：菜鳥(niǎo)進(jìn)軍大神陸
這篇文章主要介紹了jQuery、layer實(shí)現(xiàn)彈出層的打開(kāi)、關(guān)閉功能,需要的朋友可以參考下
打開(kāi)彈出層：
在list頁(yè)面帶入layer.js
在list頁(yè)面點(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: ['添加或修改用戶(hù)類(lèi)型', false],
content: doMain+"/Stat/QueryUserCategoryForm.action?adminUserCategory.id="+$(this).val()
});
});
在點(diǎn)擊form彈出層的“保存”按鈕時(shí)，如果保存數(shù)據(jù)成功，則關(guān)閉彈出層，并且刷新list頁(yè)面：
<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)閉彈出窗之前，刷新列表頁(yè)面的數(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)彈出層的打開(kāi)、關(guān)閉功能，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了jQuery操作cookie方法,包括了對(duì)cookie的讀取、寫(xiě)入、刪除等常用的操作,并給出了實(shí)例總結(jié),需要的朋友可以參考下2014-11-11
13個(gè)絢麗的Jquery 界面設(shè)計(jì)網(wǎng)站推薦
今天共享一些令人振奮的UI教程，這些UI大部分是基于Jquery的插件，主要包括動(dòng)態(tài)切換視圖的相冊(cè)、3D旋轉(zhuǎn)分享按鈕、Facebook admin Panel，下滑效果的導(dǎo)航Menu，滑翔購(gòu)物車(chē)功能，漂亮的Form表單元素等等。2010-09-09
基于jQuery模擬實(shí)現(xiàn)淘寶購(gòu)物車(chē)模塊
這篇文章主要介紹了如何利用jQuery+css+html模擬實(shí)現(xiàn)淘寶購(gòu)物車(chē)模塊，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起動(dòng)手嘗試一下2022-03-03
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)表單驗(yàn)證，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
jQuery購(gòu)物網(wǎng)頁(yè)經(jīng)典制作案例
這篇文章主要為大家詳細(xì)介紹了jQuery購(gòu)物網(wǎng)頁(yè)經(jīng)典制作案例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
深入理解JQuery keyUp和keyDown的區(qū)別
這篇文章主要是對(duì)JQuery中keyUp與keyDown的區(qū)別進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
jquery獲取節(jié)點(diǎn)名稱(chēng)
這篇文章主要介紹了jquery獲取節(jié)點(diǎn)名稱(chēng)的相關(guān)資料,需要的朋友可以參考下2015-04-04
jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)時(shí)出現(xiàn)隱藏層文字鏈接的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)時(shí)出現(xiàn)隱藏層文字鏈接的方法,涉及jQuery鼠標(biāo)hover事件的響應(yīng)及頁(yè)面元素的動(dòng)態(tài)處理技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
當(dāng)jquery ajax遇上401請(qǐng)求的解決方法
下面小編就為大家?guī)?lái)一篇當(dāng)jquery ajax遇上401請(qǐng)求的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
這篇文章主要介紹了jQuery大于號(hào)(>)選擇器的作用解釋,本文用代碼實(shí)例講解jQuery大于號(hào)的作用,需要的朋友可以參考下2015-01-01