Question

在bootbox.js中，默认情况下，在“取消”按钮后显示“确定”按钮。我希望它先成为然后取消。以下是当前情况的情况，

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

我面对同样的必要性。我已经解决了这个问题。我已经选择了一个类，用于在按钮之间区分10个像素。

<style>
    .margin-left-10px {
        margin-left: 10px;
    }
</style>

然后我在按钮上使用了bootstrap类，它运行得很好。

<script>
    buttons: {
            confirm: {
                label: 'Yes',
                className: 'btn-danger'
            },
            cancel: {
                label: 'No',
                className: 'btn-success pull-right  margin-left-10px'
            }
    }
</script>

这里我的no按钮将永远出现在右边。

Answer 4

我花了一个小时看看这个问题，然后我改变了bootbox.js文件。

在枚举按钮之前，我添加了：

    var list = Object.keys(buttons).map(
    function (key) {
        return buttons[key];
    });

    buttons = list.sort(function (a, b) {
        return b.order -a.order ;
    });

然后您可以设置按钮的订单。

OUF！

Answer 5

我改变了javascript中的顺序

exports.confirm = function () {
    var options;

    // changed the order of the buttons
    //options = mergeDialogOptions("confirm", ["cancel", "confirm"], ["message", "callback"], arguments);
    options = mergeDialogOptions("confirm", ["confirm", "cancel"], ["message", "callback"], arguments);

Answer 6

同时，Bootbox团队添加了一个名为geom_text(aes(label = scales::percent(value))的新选项，您必须将其切换为true才能轻松实现。

在以下位置通过Bootbox v5查看我的工作演示：http://jsfiddle.net/dng3z18v/1/

Bootbox js：更改Ok Button的位置

6 个答案: