bootstrap插件bootbox参数

最新推荐文章于 2026-06-25 18:40:25 发布

原创最新推荐文章于 2026-06-25 18:40:25 发布 · 5.2k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

5 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文详细介绍了如何使用Bootbox.js插件来创建自定义的对话框，包括设置对话框的内容、标题、按钮等属性，并提供了动画效果、遮罩显示等方面的配置说明。

                bootstrap插件bootbox参数

    dialog

bootbox.dialog({
  // dialog的内容
  message: "I am a custom dialog",

  // dialog的标题
  title: "Custom title",

  // 退出dialog时的回调函数，包括用户使用ESC键及点击关闭
  onEscape: function() {},

  // 是否显示此dialog，默认true
  show: true,

  // 是否显示body的遮罩，默认true
  backdrop: true,

  // 是否显示关闭按钮，默认true
  closeButton: true,

  // 是否动画弹出dialog，IE10以下版本不支持
  animate: true,

  // dialog的类名
  className: "my-modal",

  // dialog底端按钮配置
  buttons: {

    // 其中一个按钮配置
    success: {   
      // 按钮显示的名称
      label: "Success!",

      // 按钮的类名
      className: "btn-success",

      // 点击按钮时的回调函数
      callback: function() {}
    },

    // 另一个按钮配置
    "Danger!": {
      className: "btn-danger",
      callback: function() {}
    }
  }
});