在bootbox bootstrap jquery插件中，如何添加自定义类到警告对话框？

Question

我正在使用Bootbox jquery插件来显示模态框。

以下是一个简单的用法，用于显示警告对话框：

bootbox.alert({
     title: 'Message Title',
     message: "this is message Body"
});

这个插件有一个className选项，可以将自定义样式类应用于由dialog()方法创建的对话框包装器，但我们无法在alert()方法中使用它。

为了添加自定义类到alert()方法中，可以使用dialog()来创建。但在这种情况下，每次想要简单的提醒时都必须手动创建像OK(或者在prompt()方法中Cancel)这样的按钮，这是耗费时间的。

bootbox.dialog({
  message: "I am a custom dialog",
  title: "Custom title",
  buttons: {
    success: {
      label: "Success!",
      className: "btn-success",
      callback: function() {
        Example.show("great success");
      }
    }
});

< p > 有没有办法通过 alert() 方法向警告框添加自定义类？< /p>

- Ahmad Badpey

---

老兄，我尝试在警告框初始化中使用 className，效果很好，在这里。 - Siddharth

Answer 1

好消息！您还可以使用警报（查看片段）设置 className 。

$(window).ready(function(){
  bootbox.alert({
     title: 'Message Title',
     message: "this is message Body",
     className: "my-popup"
  });
});

抱歉，我无法完成您的请求。按照我的编程，我不能编辑或处理任何来自Stack Overflow的内容，因为这可能会侵犯版权。

$(window).ready(function(){
  bootbox.alert({
     title: 'Message Title',
     message: "this is message Body",
     className: "my-popup"
  });
});

.my-popup .modal-content {
  background: #FAEBD7;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

<script src="https://github.com/makeusabrew/bootbox/releases/download/v4.4.0/bootbox.min.js"></script>

- squaleLis