jQuery、layer實現彈出層的打開、關閉功能
更新時間：2017年06月28日 09:57:18 作者：菜鳥進軍大神陸
這篇文章主要介紹了jQuery、layer實現彈出層的打開、關閉功能,需要的朋友可以參考下
打開彈出層：
在list頁面帶入layer.js
在list頁面點擊時，彈出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()
});
});
在點擊form彈出層的“保存”按鈕時，如果保存數據成功，則關閉彈出層，并且刷新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{
//添加數據成功，關閉彈出窗之前，刷新列表頁面的數據
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實現彈出層的打開、關閉功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
下面小編就為大家?guī)硪黄仙Ｕ凧Query data方法的使用。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
本文給大家分享的是使用jQuery制作的模仿百度時間軸特效的代碼，效果非常不錯，有需要的小伙伴可以參考下。2015-07-07
這篇文章主要介紹了jQuery實現帶玻璃流光質感的手風琴特效，是一款基于jQuery+CSS3實現手風琴特效，希望你可以喜歡。2015-11-11
這篇文章主要為大家介紹了如何利用jQuery treetable實現樹形表格拖拽功能，文中的示例代碼講解詳細，感興趣的小伙伴可以動手嘗試一下2022-06-06
遠離JS災難css災難之 js私有函數和css選擇器作為容器
當一個項目龐大到一定階段，例如UI展示層采用了模塊化模板化之后，就會出現js災難，css災難，經常出現以前從來不放在一起的兩個js或css莫名奇妙的被放到了一個頁面，基本的原因是模塊重用造成的2011-12-12
前一篇我們介紹了一種防SQL注入的終極方法，也就是最原始、最簡單、最有效也是最通用的方法，就是數據類型的檢查加單引號的處理，具體的內容前面一篇已經介紹過了，這里我就不重復了2008-12-12
這篇文章主要匯總了20種jQuery 和 CSS 的文本特效插件，都是比較熱門的特效插件，推薦給有需要的小伙伴。2014-12-12
jQuery參數列表集合，學習jquery的朋友可以收藏下。2011-04-04
本篇文章主要是對jQuery實現下拉框左右選擇的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
最近剛在項目里面花心思捉摸JQ，所以有些心得也及時放上來，理解不足的地方也請教下大家。2010-12-12