引导模式对话框 - 从 JavaScript 打开

【问题标题】：bootstrap modal dialog - opening from JavaScript引导模式对话框 - 从 JavaScript 打开
【发布时间】：2014-11-24 20:59:05
【问题描述】：

我是网络开发领域的新手。谁能展示一个示例，说明如何在不使用 jQuery 的情况下从 JavaScript 打开“引导程序”（不是 ui-bootstrap）模式对话框？

网络上有很多关于如何使用“ui-bootstrap”模态的示例，但不是经典的引导模态。

【问题讨论】：

标签： twitter-bootstrap modal-dialog

【解决方案1】：

没有jquery

        var dialog = document.getElementById("myDialog");
        dialog.className += " in";
        dialog.style.display = "block";

用于引导 v.3 的 html

<div id="myDialog" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">TITLE</h4>
            </div>
            <div class="modal-body">BODY</div>
            <div class="modal-footer">FOOTER</div>
        </div>
    </div>
</div>

【讨论】：

【解决方案2】：

正确的方法是：

document.getElementById("myDialog").modal("toggle");

或者使用 JQuery

$("#myDialog").modal("toggle");

【讨论】：

document.getElementById("myDialog").modal("toggle"); 对我不起作用。