从iframe到父窗口中打开模式窗口 [英] Open a modal window from iframe into the parent window
本文介绍了从iframe到父窗口中打开模式窗口的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试从iframe在父页面中打开模式对话框(打开模式对话框的按钮在iframe中，但模式div在父页面中).但是没有成功.
我有一个如下的父页面:-
I am trying to open a modal dialog in parent page from iframe (Button to open a modal dialog is in iframe but modal div is in parent page). But no success.
I have a parent page like below:-
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="basic.js"></script>
<script src="jquery.simplemodal.js"></script>
</head>
<body>
<iframe src="Frame-1.html" width="400" height="400"></iframe>
<iframe src="Frame-2.html" width="400" height="400"></iframe>
<div id="modalPopup" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
</div>
</div>
</div>
</body>
</html>
而Frame-1.html中的代码如下:-
And code in Frame-1.html is like below:-
<!DOCTYPE html>
<html lang="en">
<head>
<title>Modal popup</title>
<link rel="stylesheet" href="./bootstrap.min.css" />
<script src="./jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="./bootstrap.min.js" type="text/javascript"></script>
<script src="basic.js"></script>
<script src="jquery.simplemodal.js"></script>
<script>
$(document).on('hide.bs.modal', '#modalPopup', function () {
alert('');
//Do stuff here
});
//alert($(window.parent.document).find('#modalPopup').modal);
$(window.parent.document).find('#modalPopup').modal({
appendTo: $(window.parent.document).find('body'),
overlayCss: { backgroundColor: "#333" }, // Optional overlay style
overlayClose: true,
});
// Set overlay's width
$(window.parent.document).find('#simplemodal-overlay').css('width', '100%');
</script>
</head>
<body>
<button type="button" class="btn" name="btn" id="btn" data-target="#modalPopup"
data-toggle="modal" data-backdrop="static" data-keyboard="false" href="./Popup.html">
Click ME!
</button>
</body>
</html>
请帮我.任何帮助都是可观的.提前谢谢.
我尝试过的事情:
我尝试了所有我能想到的但没有成功的方法.
Please help me. Any help is appreciable. Thanks in advance.
What I have tried:
I have tried everything i can thought but no success.
推荐答案
( document ).on(' hide.bs.modal'，' #modalPopup'，功能(){ alert(' '); // 在此处进行操作 }); // 警告(
(document).on('hide.bs.modal', '#modalPopup', function () { alert(''); //Do stuff here }); //alert(
(window.parent.document).find(' #modalPopup').modal);
(window.parent.document).find('#modalPopup').modal);
(窗口 .parent.'
(window.parent.document).find('#modalPopup').modal({ appendTo:
这篇关于从iframe到父窗口中打开模式窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
