Sweetalert: Tastenposition

Derzeit gibt es keine Möglichkeit über die Konfiguration. Sie könnten ein wenig durch CSS umordnen. Die Nachteile sind ein möglicher Bruch beim Aktualisieren und ein mögliches Durcheinander von CSS, das versucht, alle Breakpoints abzudecken.

Das überschreibende CSS könnte so aussehen

.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 Ich hatte das gleiche Problem. Ich habe in der Quelle nachgesehen, ob ich es anpasse, konnte aber keine nicht hackige Möglichkeit finden, das Plugin selbst anzupassen. Also habe ich mich für einen hackigen Weg in meinem eigenen Code entschieden :-) Wenn Sie jquery verwenden, funktioniert so etwas gut.

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

src:modules/injected-html.js line:53 Sie werden sehen, was Sie wollen, deshalb können Sie die Reihenfolge nicht festlegen.
modifizieren:sweetalert.min.js
finde Cancel , entferne seine Position, es ist Arbeit.

Ihr solltet diesen Fork jetzt verwenden: https://limonte.github.io/sweetalert2/

Es ist tatsächlich aktualisiert und verfügt über eine Option für die umgekehrte Schaltfläche.

@ryanmortier Ich arbeite an einem großen Projekt und müsste viel Bürokratie auf mich nehmen, um sweetalert2 zu nutzen
@ghost Ich habe injiziert-html.js bearbeitet und die Reihenfolge geändert ... Ich habe versucht, sweetalert.min.js zu ändern. Das ist ein ziemlich chaotischer Job. Ich kann nicht sagen, ob ich es richtig gemacht habe oder nicht. Die Tasten sind immer noch nicht umgedreht. Wie bearbeitet man eine min-Datei am besten?

Dies kann jetzt in 2.0 mithilfe von:

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

...um die genaue Reihenfolge festzulegen!

Ihr solltet diesen Fork jetzt verwenden: https://limonte.github.io/sweetalert2/

Dieser Link ist veraltet, hier ist der richtige https://sweetalert2.github.io/

Hi. Ich hatte das gleiche Problem. Und mit dieser Arbeit herum lösen. Gehen Sie zu .min und suchen Sie nach:
div class="sa-button-container">\n
Bestätigen \n