У меня есть html-страница с именем parent.html, у которой есть аккордеон Bootstrap. Нажимая на ссылку на аккордеоне, он вызывает другую страницу search.html и открывает iframe в модальном режиме.Как получить доступ к родительскому окну, содержащему модальный из iframe, который открывается в этом модальном
search.html имеет кнопку «закончить», функциональность которой заключается в том, чтобы закрыть модальные данные, размещенные на аккордеоне, и аккордеон должен оставаться открытым.
Я пробовал .opener(). Кажется, это не работало. Любые указатели?
parent.html
Магазин для флориста Найти Флорист$(function() {
$("*[data-modal]").click(function (e) {
e.preventDefault();
var href = $(this).attr('href');
if (href.indexOf('#') != 0) {
$('<div id="searchBox" class="modal bigModal" data-backdrop="static"><div class="searchModal-header gutter10-lr"><button type="button" onclick="window.location.reload()" class="close" data-dismiss="modal" aria-hidden="true">×</button></div><div class=""><iframe id="search" src="' + href + '" class="searchModal-body"></iframe></div></div>').modal();
}
});
});
search.html
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<title>Getting Started</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
</head>
<body id="detail">
<form class="form-horizontal" id="frmdetail" name="frmdetail" action="preferences" method="POST">
<div class="row-fluid gutter10-tb border-t">
<a class="btn btn-primary my-list" href="#">Finish</a>
</div>
</form>
</div>
<script type="text/javascript">
$(document).ready(function(){
if (top === window) {
alert("this page is not in an iframe");
} else {
alert ("Im here");
$('.my-list').click(function(){
alert("Im clicked");
$('.modal', opener.document).dialog('close');
});
}
});
</script>
</body>
</html>
Вы сможете для эскиза образца кода PLS – dragonfly
ОК, я напишу подробный ответ –
спасибо Альберто. Я попробую его и обновит. Благодаря тонну. – dragonfly