javascript-使用javascript显示引导模式对话框的问题

Question

我在Navpane.html中定义了一个<div>元素，它是一个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：top.window.frames [1] .document.getElementById（...）。modal不是函数（...）

谢谢

Answer 1

您需要获取jQuery元素并在其上调用modal（）。 如果您正在使用引导程序，则应该已经将其包含在页面中，否则请添加对jQuery.js的引用

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

要么

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