发现 bootstrap 确认框，默认确认键在右侧。把它改成放在左侧

调整BootstrapConfirm确认键位置

最新推荐文章于 2025-09-30 04:11:16 发布

原创最新推荐文章于 2025-09-30 04:11:16 发布 · 804 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

95 篇文章

订阅专栏

本文介绍如何在使用BootstrapDialog创建确认框时，通过设置btnsOrder参数为BootstrapDialog.BUTTONS_ORDER_OK_CANCEL，将确认键移至左侧。提供具体代码示例，帮助开发者快速实现界面定制。

在创建 bootstrap confirm 确认框时，多传一个参数 btnsOrder: BootstrapDialog.BUTTONS_ORDER_OK_CANCEL，就可以把确认键移到左侧。

例如：

BootstrapDialog.confirm({
      title: '提示',
      message: '确定删除此节点?',
      size: BootstrapDialog.SIZE_SMALL,
      type: BootstrapDialog.TYPE_DEFAULT,
      closable: true,
      btnCancelLabel: '取消',
      btnOKLabel: '确定',
      btnsOrder: BootstrapDialog.BUTTONS_ORDER_OK_CANCEL // 确定键在左侧
});

或

 BootstrapDialog.defaultOptions = {
        type: BootstrapDialog.TYPE_PRIMARY,
        size: BootstrapDialog.SIZE_NORMAL,
        cssClass: '',
        title: null,
        message: null,
        nl2br: true,
        closable: true,
        closeByBackdrop: true,
        closeByKeyboard: true,
        closeIcon: '&#215;',
        spinicon: BootstrapDialog.ICON_SPINNER,
        autodestroy: true,
        draggable: false,
        animate: true,
        description: '',
        tabindex: -1,
        btnsOrder: BootstrapDialog.BUTTONS_ORDER_OK_CANCEL // 确定键在左侧
    };