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

2023-03-24 11:01 阅读 875 次 评论 1 条

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

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

版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:bootstrap插件bootbox参数和自定义弹出框宽度设置 | 雨晨博客
分类:HTML/CSS, 前端笔记 标签:,

发表评论


表情

  1. 夏日博客
    夏日博客 【农民】 @回复

    现在的CSS功能真的是很强大。