javascript - Проблема с отображением модального диалога bootstrap с использованием javascript

Question

У меня есть элемент <div>, определенный в Navpane.html, это панель навигации html.
Я могу получить доступ к этому div, используя id с другой страницы html, но я не могу показать это диалоговое окно в текущем фрейме. Это ошибка.

<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");

Я получаю div, используя javascript из другого фрейма и вызывая функцию modal(). он не работает с сообщением об ошибке.

Неперехваченные TypeError:. Top.window.frames [1] .document.getElementById (...) модальный не является функцией (...)

Благодаря

Answer 1

Вы должны получить JQuery элемент и вызов modal(). Если вы используете загрузчик это уже должны быть включены в вашу страницу еще добавить ссылку на jquery.js

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

или

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