layer彈出層父子頁面事件相互調(diào)用方法
更新時(shí)間:2018年08月17日 11:26:13 作者:qq_36990886
今天小編就為大家分享一篇layer彈出層父子頁面事件相互調(diào)用方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
// 父頁面
<body> <a data-url="bbbb.html" id="parentIframe">小小提示層</a> <input id="shuzhi" /> <button class="but_par">父頁面</button> </body> <script src="../jquery-1.9.1.min.js"></script> <script src="layer/layer.js"></script> <script> $(function(){ $("#parentIframe").click(function(){ var a = $(this).attr("data-url"); layer.open({ type: 2, content: a, success: function(layero, index){ var body = layer.getChildFrame('body', index);//獲取子頁面內(nèi)容 var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe頁的窗口對象,執(zhí)行iframe頁的方法:iframeWin.method(); body.find("#transmit").click();//執(zhí)行子頁面的方法 body.find('input').val('Hi,我是從父頁來的') $(".but_par").click(function(){ alert(222); }) } }); }) })
// 子頁面
<body> <input id="name" value="不滿意" /> <button id="transmit">給父層傳值</button> </div> </body> <script> $(function(){ $(document).on("click","#transmit").click(function(){ parent.$("#shuzhi").val($("#name").val()); parent.location.reload(); 刷新父頁面 //關(guān)閉layer彈出層 var index = parent.layer.getFrameIndex(window.name); //獲取窗口索引 parent.layer.close(index); }) window.parent.$(".but_par").click();//執(zhí)行父頁面的事件 }) </script>
以上這篇layer彈出層父子頁面事件相互調(diào)用方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JS 中使用Promise 實(shí)現(xiàn)紅綠燈實(shí)例代碼(demo)
本文通過實(shí)例代碼給大家介紹了JS 中使用Promise 實(shí)現(xiàn)紅綠燈效果,在文中給大家介紹了一個(gè)promise用法例子,需要的朋友可以參考下2017-10-10極力推薦10個(gè)短小實(shí)用的JavaScript代碼段
這篇文章主要為大家極力推薦10個(gè)短小實(shí)用的JavaScript代碼段,幫助大家節(jié)省大量開發(fā)時(shí)間,感興趣的小伙伴們可以參考一下2016-08-08原生js與jQuery實(shí)現(xiàn)簡單的tab切換特效對比
這篇文章主要通過原生js與jQuery實(shí)現(xiàn)簡單的tab切換特效對比介紹了js與jQuery之間的區(qū)別,有需要的小伙伴可以參考下。2015-07-07