jQuery Layer彈出層傳值到父頁面的實現(xiàn)代碼
更新時間:2017年08月17日 14:17:08 作者:飛天龍貓
這篇文章主要介紹了jQuery Layer彈出層傳值到父頁面的實現(xiàn)代碼,需要的朋友可以參考下
目前做的項目中用到layer彈層傳值,彈層輸入框輸入文本,點擊確定按鈕,父頁面的樹結(jié)構(gòu),會自動添加分組。
在此粘貼下代碼,以后遇到,方便回憶,如有疑問請留言,或許會為您解答

$(document).ready(function(){
//添加任務(wù)彈出層
addTask();
});
//彈出層
function addTask(){
$('[data-id="addList"]').on('click', function(){
layer.open({
type: 2,title: '添加任務(wù)',
closeBtn:1,
//maxmin: true,
shadeClose: false, //點擊遮罩關(guān)閉層
area : ['15%' , '28%'],//彈層寬高
content: 'jsp/taskconf/roundConf-addList.jsp'
});
});
//關(guān)閉彈層
layerClose();
addTeam("addTeam");
addTeam("addRule");
}
//點擊確定按鈕,先傳值到父頁面,然后關(guān)閉彈層
function layerClose(){
('[data-id="saveBtn"]').click(function(){ //點擊確定按鈕,獲取彈層輸入值,傳入父頁面 var parentId=parent.('[data-id="saveBtn"]').click(function(){ //點擊確定按鈕,獲取彈層輸入值,傳入父頁面 var parentId=parent.("#leftTree_1_ul");//接收值的父頁面ID
var txt = $('[data-id="team-txt"]').val();//彈出層內(nèi)獲取要傳出的值
var str = "<li id="leftTree_9" class="level1" tabindex="0" hidefocus="true">" +
"<span id="leftTree_9_switch" class="button level1 switch center_open" treenode_switch="">" +
"<a id="leftTree_9_a" class="level1" target="_blank" title='"+txt+"'>" +
"<span id="leftTree_9_ico" class="button ico_open">" +
"<span id="leftTree_9_span" class="node_name">"+txt+"" +
"";
parentId.append(str);//傳值到父頁面
//先得到當前iframe層的索引
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index); //再執(zhí)行關(guān)閉
});
}
總結(jié)
以上所述是小編給大家介紹的jQuery Layer彈出層傳值到父頁面,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
- jQuery+CSS3+Html5實現(xiàn)彈出層效果實例代碼(附源碼下載)
- Jquery+CSS3實現(xiàn)一款簡潔大氣帶滑動效果的彈出層
- jQuery Dialog 彈出層對話框插件
- jQuery彈出層始終垂直居中相對于屏幕或當前窗口
- jquery實現(xiàn)居中彈出層代碼
- JQuery彈出層示例可自定義
- jQuery+html5實現(xiàn)div彈出層并遮罩背景
- jQuery插件zoom實現(xiàn)圖片全屏放大彈出層特效
- JQUERY THICKBOX彈出層插件
- jQuery Mobile彈出窗、彈出層知識匯總
- jQuery點縮略圖彈出層顯示大圖片
- jquery+css3實現(xiàn)的經(jīng)典彈出層效果示例
相關(guān)文章
jQuery實現(xiàn)的自適應(yīng)焦點圖效果完整實例
這篇文章主要介紹了jQuery實現(xiàn)的自適應(yīng)焦點圖效果,結(jié)合完整實例形式分析了jQuery事件響應(yīng)及動態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下2016-08-08
全面解析jQuery $(document).ready()和JavaScript onload事件
這篇文章主要介紹了全面解析jQuery $(document).ready()和JavaScript onload事件的相關(guān)資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-06-06
使用DataTable插件實現(xiàn)異步加載數(shù)據(jù)
本文給大家分享的是Jquery+dataTable插件來實現(xiàn)異步加載數(shù)據(jù)的示例代碼,非常實用,有需要的小伙伴可以參考下2017-11-11
自定義jquery模態(tài)窗口插件無法在頂層窗口顯示問題
自定義一個jquery模態(tài)窗口插件只能在mainFrame窗口中顯示,無法在頂層窗口顯示2014-05-05

