javascript - javascriptを使用してブートストラップモーダルダイアログを表示する際の問題

Question

<div>要素がNavpane.htmlで定義されています。これはhtmlナビゲーションパネルです。
他のHTMLページのIDを使用してこのdivにアクセスできますが、現在のフレームにこのダイアログを表示できません。それは間違いを投げている。

<div class="panel-body"> 
    <div class="modal fade" id="TimeoutModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
        <h4 class="modal-title" id="myModalLabel">User logout warning</h4> 
       </div> 
       <div class="modal-body"> 
        User session is going to expire within a minute . Do you want to retain the session? 
       </div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-primary">OK</button> 
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

top.window.frames [1] .document.getElementById（ "TimeoutModal"）。

他のフレームからjavascriptを使用してdivを取得しており、これに対してmodal（）関数を呼び出しています。エラーメッセージで失敗しています。

キャッチされない例外TypeError：あなたはjQueryのを取得する必要がありtop.window.frames [1] .document.getElementById（...）モーダル機能（...）ではありません

おかげ

Answer 1

要素を呼び出し、その上でmodal（）を呼び出します。ブートストラップを使用している場合 それは、すでに他のあなたのページに含まれるべきか（http://stackoverflow.com/ [MCVE]についてjQuery.js

$('#TimeoutModal', top.window.frames[1].document).modal(); 

または

$('#TimeoutModal', top.window.frames[1].document).modal('show');