从iframe打开模式窗口进入父窗口

我想在iframe中打开模式对话框（打开模式对话框的按钮是在iframe中，但模态div在父页面中）。但没有成功。从iframe打开模式窗口进入父窗口

我有一个父页面如下图所示： -

 <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>

和代码在帧-1.HTML是象下面这样： -

<!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>

请帮助我。任何帮助是可观的。提前致谢。

来源

2016-08-05 Coddder

您的问题已被询问和回答之前： http://stackoverflow.com/a/951987/6681296 – JBartus

对不起，但我无法在阅读您的共享链接后解决我的问题。 – Coddder

我成为了这个错误，当我测试（localy不在服务器上），你的代码：

“未捕获的SecurityError：封锁与原点的框架‘’访问的框架与来源‘空’空协议，域，和端口必须匹配。“

也许this会帮助你。

来源

2016-08-05 09:44:13

我不知道如何，但我运行上面的代码时没有遇到这种类型的错误。 – Coddder

@Codder你是对的。我认为这是因为我正在运行它本地现在我把它放在我的服务器上，它运行正常 –

感谢您的期待，但你有任何解决方案吗？ – Coddder

从iframe打开模式窗口进入父窗口

回答

相关问题