bootstrap插件bootbox参数和自定义弹出框宽度设置

关于bootbox

插件官方地址：http://bootboxjs.com/

参数说明

以下是我翻译的常用参数和方法使用说明:

alert

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

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() {}
    }
  }
});

class的其他用法

默认的modal是固定宽度的，bootbox也不例外，那么如何让弹出框能自定义宽度呢？我们可以利用上面提到的dialog的className，定义一个class，然后对class设置width即可。

如果您觉得您在我这里学到了新姿势，博主支持转载，姿势本身就是用来相互学习的。同时，本站文章如未注明均为 hisune 原创 请尊重劳动成果 转载请注明 转自: bootstrap插件bootbox参数和自定义弹出框宽度设置 - hisune.com