iFrameサブページでモダリティフレームを実現する方法

iframe子ページでモダリティボックスを書く時、前の書き方によって、モダリティボックスをポップアップするボタンをクリックしてからずっと反応がないですが、コードは間違っていません。コードは下記の通りです。

<input class="btn" id="deletebutton" type="button" value="  " onclick="deletePost()"/>
<!--            2017.1.25 -->
<div id="messageModal" class="modal fade" role="dialog" style="display:none">
   <div class="modal-header" >
   <a class="close" data-dismiss="modal">×</a>
   <h3>         </h3>
  </div>
  <div class="modal-body" >
   <h4 style="text-align:center;color:red" id="errorMessage"></h4><br/>
   <h4 style="text-align:center">       ：<input id="messageContent" type="text" style="width:40%;height:15%" ></h4><br/>
  </div>
  <div class="modal-footer" >
   <a href="#" rel="external nofollow" rel="external nofollow" class="btn btn-success" onclick="callPostEditor()">  </a>
   <a href="#" rel="external nofollow" rel="external nofollow" class="btn bt" onclick="reSet()">  </a>
  </div>
</div>

インターネットで検索してみましたが、長い間原因が見つからなかったです。でも一つの方法は、モデルボックスのhtmlコードを親ページに置いてから使います。

window.parent.$('#messageModal').modal('show');

を選択します。
サブページにjsメソッドがある場合は、モダリティボックスで呼び出し、次のステートメントで呼び出しを行います。

// Conframe     iframe   name  （  ：   id  ， Firefox     iframe id  ）
Conframe.window.callPostEditor();

つまり、「iframeのname属性.windows.メソッド名()」です。
以上のiFrameサブページでモデル枠を実現する方法は、小編集が皆さんに提供したすべての内容を共有することです。参考にしていただければ幸いです。よろしくお願いします。