Question

我是网络开发世界的新手。任何人都可以展示如何打开＆＃34; bootstrap＆＃34; （不是ui-bootstrap）来自JavaScript的模态对话框而不使用jQuery？

网上有很多关于如何使用＆＃34; ui-bootstrap＆＃34;模态，但不是经典的bootstrap模态。

Answer 1

正确的方法是：

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

或使用JQuery

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

Answer 2

没有jquery

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

html for bootstrap v.3

<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>

bootstrap模式对话框 - 从JavaScript打开

2 个答案: