layer弹出层⽗⼦页⾯事件相互调⽤⽅法
// ⽗页⾯
<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");
jquery弹出div窗口layer.open({
type: 2,
content: a,
success: function(layero, index){
var body = ChildFrame('body', index);//获取⼦页⾯内容
var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗⼝对象，执⾏iframe页的⽅法：hod();
body.find("#transmit").click();//执⾏⼦页⾯的⽅法
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());
load(); 刷新⽗页⾯
//关闭layer弹出层
var index = FrameIndex(window.name); //获取窗⼝索引
parent.layer.close(index);
})
window.parent.$(".but_par").click();//执⾏⽗页⾯的事件
})
</script>
以上这篇layer弹出层⽗⼦页⾯事件相互调⽤⽅法就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。