Question

如果我在HTML标题中的javascript代码中有提醒，例如，

<head>
...
<script>
...
if (errors) alert('The following error(s) occurred:\n'+errors);
...
</script>
</head>

有没有办法可以使用Bootstrap的模态窗口而不是浏览器的本机警报窗口？

如果是这样，有人能给我一个简单的例子来说明我上面的一行代码吗？模态应该只有一个＆＃34; OK＆＃34;按钮（没什么特别的）。

Answer 1

Ues Bootbox.js这是一个小型JavaScript库，允许您使用Twitter的Bootstrap模式创建编程对话框，而无需担心创建，管理或删除任何所需的DOM元素或JS事件处理程序。

这是最简单的例子：

bootbox.alert("Hello world!", function() {
  Example.show("Hello world callback");
});

更多细节 Bootbox.js

Answer 2

首先，添加带有id

的模态的html

<div id="alertModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Errors Found!</h4> </div> <div class="modal-body"> <p></p> </div> <div class="modal-footer"> <button class="btn btn-default" data-dismiss="modal"> Close</button> </div> </div> </div> </div>

其次，修改你的javascript来设置模态体的内容并显示它

<script>
...
if (errors) {
    var message = 'The following error(s) occurred:\n' + errors;
    $('#alertModal').find('.modal-body p').text(message);
    $('#alertModal').modal('show')
}
...
</script>

如何使用Bootstrap 3模式进行javascript alert（）？

2 个答案: