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同じ問題が発生しました。 ソースを調べてカスタマイズするかどうかを確認しましたが、プラグイン自体をカスタマイズするためのハッキーではない方法を見つけることができませんでした。 だから私は自分のコードでハッキーな方法に落ち着きました:-) jqueryを使用している場合は、このようなもので問題なく動作します。

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

src：modules / injected-html.js line：53 uは必要なものを確認できるため、順序を設定できません。
modify：sweetalert.min.js
キャンセルを見つけて、その位置を削除し、それは機能します。

あなたたちは今までにこのフォークを使用しているはずです： https ：

実際に更新されており、リバースボタンオプションがあります。

@ryanmortier私は大きなプロジェクトに
@ghost注入された

これは、2.0で次を使用して実行できるようになりました。

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

...正確な順序を設定します！

あなたたちは今までにこのフォークを使用しているはずです： https ：

このリンクは古くなっています。正しいリンクは次のとおりですhttps://sweetalert2.github.io/

やあ。 私も同じ問題を抱えていました。 そして、この回避策で解決してください。 .minに移動し、次を探します。
div class = "sa-button-container"> \ n
確認者\ n