Bootbox js:更改Ok Button的位置

Question

在bootbox.js中,默认情况下Ok按钮显示在Cancel按钮之后.我希望它先成为然后取消.这是当前情况的情况,

http://paynedigital.com/img/confirm-simple.png

我先需要Ok按钮.我有场景的文档,但没有找到办法.

Answer 1

您可以更改按钮的顺序.尝试:

 bootbox.confirm({
     title: "danger - danger - danger",
     message: "Are you sure of this?",
     buttons: {
        cancel: {
        label: "Cancel",
        className: "btn-default pull-right"
     },
     confirm: {
        label: "Delete",
        className: "btn-danger pull-left"
    }
  },
  callback: function(result) {
    // Do your stuff here
  }
});

希望这对你有用.

Answer 2

你可以通过CSS来做到这一点.

.modal-footer button {
  float:right;
  margin-left: 10px;
}

这是工作小提琴http://jsfiddle.net/9L3A9/51/

Answer 3

与此同时，Bootbox 团队添加了一个新选项，称为swapButtonOrder您必须切换到 true 才能轻松完成。

在此处使用 Bootbox v5 检查我的工作演示：http : //jsfiddle.net/dng3z18v/1/