Sweetalert: Posisi Tombol

Saat ini tidak ada cara melalui konfigurasi. Anda dapat mengatur ulang sedikit melalui CSS. Kelemahannya adalah kemungkinan kerusakan saat Anda memperbarui, dan kemungkinan kekacauan css yang mencoba menutupi semua titik henti sementara.

CSS yang menimpa bisa seperti

.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 Saya memiliki masalah yang sama. Saya mencari di sumber untuk melihat apakah saya menyesuaikan tetapi tidak dapat menemukan cara yang tidak mudah untuk menyesuaikan plugin itu sendiri. Jadi saya memilih cara hacky dalam kode saya sendiri :-) Jika Anda menggunakan jquery, sesuatu seperti ini berfungsi dengan baik.

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

src:modules/injected-html.js baris:53 Anda akan melihat apa yang Anda inginkan, itu sebabnya Anda tidak dapat mengatur urutannya.
modifikasi: sweetalert.min.js
temukan Cancel , hapus posisinya, itu berfungsi.

Kalian harus menggunakan garpu ini sekarang: https://limonte.github.io/sweetalert2/

Ini sebenarnya diperbarui dan memiliki opsi tombol terbalik.

@ryanmortier Saya sedang dalam proyek besar dan saya harus melalui banyak birokrasi untuk menggunakan sweetalert2
@ghost Saya telah mengedit injection-html.js dan mengubah urutannya... Saya telah mencoba mengubah sweetalert.min.js. Itu pekerjaan yang cukup berantakan. Saya tidak tahu apakah saya melakukannya dengan benar atau tidak. Tombol masih belum terbalik. Apa cara terbaik untuk mengedit file min?

Ini sekarang dapat dilakukan di 2.0 menggunakan:

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

...untuk mengatur urutan yang tepat!

Kalian harus menggunakan garpu ini sekarang: https://limonte.github.io/sweetalert2/

tautan ini sudah usang, ini yang benar https://sweetalert2.github.io/

Hai. Saya memiliki masalah yang sama. Dan selesaikan dengan pekerjaan ini. Buka .min dan cari:
div class="sa-button-container">\n
Konfirmasi \n