Sweetalert: 按钮位置

目前没有通过配置的方法。 你可以通过 CSS 重新排列一下。 缺点是更新时可能会损坏，并且 css 可能会试图覆盖所有断点。

覆盖 CSS 可能类似于

.sa-button-container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.sa-button-container .cancel {
    -webkit-order: 2;
            order: 2;
}
.sa-button-container .sa-confirm-button-container {
    -webkit-order: 1;
            order: 1;
}

@gremz @t4t5我遇到了同样的问题。 我查看了源代码，看看我是否进行了自定义，但找不到自定义插件本身的非 hacky 方式。 所以我在我自己的代码中采用了一种 hacky 方式:-) 如果你使用 jquery，这样的东西工作正常。

function swapModalButtons(){
  $("button.cancel").before($("button.confirm"))
}

src:modules/injected-html.js line:53你会看到你想要什么，这就是为什么你不能设置它的顺序。
修改：sweetalert.min.js
找到Cancel ，删除它的位置，它的工作。

你们现在应该使用这个 fork： https :

它实际上已更新，并且有一个反向按钮选项。

@ryanmortier我
@ghost我已经编辑了注入的 html.js 并更改了顺序......我试图更改 sweetalert.min.js。 这是一个相当混乱的工作。 我不知道我是否做对了。 按钮仍然没有反转。 编辑 min 文件的最佳方法是什么？

这现在可以在 2.0 中使用：

swal({ 
  buttons: { 
    confirm: true, 
    cancel: true,
  }
})

...设置确切的顺序！

你们现在应该使用这个 fork： https :

此链接已过时，这是正确的链接https://sweetalert2.github.io/

你好。 我有同样的问题。 并通过这项工作解决。 转到 .min 并查找：
div class="sa-button-container">\n
确认者\n