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);//傳值到父頁面 //先得到當(dāng)前iframe層的索引 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); //再執(zhí)行關(guān)閉 }); }
總結(jié)
以上所述是小編給大家介紹的jQuery Layer彈出層傳值到父頁面,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
- jQuery+CSS3+Html5實現(xiàn)彈出層效果實例代碼(附源碼下載)
- Jquery+CSS3實現(xiàn)一款簡潔大氣帶滑動效果的彈出層
- jQuery Dialog 彈出層對話框插件
- jQuery彈出層始終垂直居中相對于屏幕或當(dāng)前窗口
- 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增加、刪除及修改select option的方法
這篇文章主要介紹了jQuery增加、刪除及修改select option的方法,涉及jQuery針對form表單中select選項的常見操作技巧,需要的朋友可以參考下2016-08-08jQuery實現(xiàn)控制文字內(nèi)容溢出用省略號(…)表示的方法
這篇文章主要介紹了jQuery實現(xiàn)控制文字內(nèi)容溢出用省略號(…)表示的方法,涉及jQuery針對字符串及樣式操作相關(guān)技巧,需要的朋友可以參考下2016-02-02jquery通過load獲取文件的內(nèi)容并跳到錨點的方法
這篇文章主要介紹了jquery通過load獲取文件的內(nèi)容并跳到錨點的方法,涉及l(fā)oad及animate等方法的使用技巧,需要的朋友可以參考下2015-01-01Struts2的s:radio標(biāo)簽使用及用jquery添加change事件
用到Struts2的s:radio標(biāo)簽時想給它添加一個change事件,由于此標(biāo)簽為頁面自動生成一個radio組,不可以像正常那樣控制,于是想到用jquery來實現(xiàn)2013-04-04