禁用Bootbox关闭按钮

时间:2014-06-23 17:11:39

标签: javascript twitter-bootstrap bootbox

我想知道如何删除显示Bootbox警报,确认,提示和对话框的“X”按钮。

有些情况下,您希望要求用户提供回复 - 而不是仅通过单击“X”按钮来关闭弹出窗口。

有没有人知道如何删除此按钮?

1 个答案:

答案 0 :(得分:32)

我最终找到了解决方案,这很容易(但似乎并没有出现在当前的Bootbox文档中。)

该解决方案适用于Bootbox Dialogs,因此如果您需要删除" X"对于其他类型的盒子,我建议将其他更原始类型的盒子模仿为对话框。

使用closeButton: false的解决方案见下面的代码段:

        bootbox.dialog({
            closeButton: false,
            title: "Woah this acts like an alert",
            message: "Cool info for you. You MUST click Ok.",
            buttons: {
                success:{
                    label: "Ok",
                    callback: callback
                }
            }       
        });

       callback(){//stuff that happens when they click Ok.}

通过确保用户必须单击按钮以关闭该框,我们可以确保它们触发适当的回调函数。