3
Ich versuche, ein modales Dialogfeld in der übergeordneten Seite von iframe zu öffnen (Schaltfläche zum Öffnen eines modalen Dialogfelds ist in iframe, aber modales div ist in der übergeordneten Seite). Aber kein Erfolg.Öffnen eines modalen Fensters von iframe in das übergeordnete Fenster
Ich habe eine übergeordnete Seite wie folgt: -
<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>
Und Code in Bild-1.html ist wie folgt: -
<!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>
Bitte helfen Sie mir. Jede Hilfe ist spürbar. Danke im Voraus.
Ihre Frage wurde zuvor gestellt und beantwortet: http://StackOverflow.com/a/951987/6681296 – JBartus
Leider kann ich mein Problem nach dem Lesen Ihres geteilten Links nicht lösen. – Coddder