2016-05-24 4 views
2

Ich verwende ngSweetAlert in meinem Projekt.ngSweetAlert vertikale Bildlaufleiste verschwinden beim Klicken auf Cancel-Taste

Es funktioniert einwandfrei, außer wenn ich die showCancelButton: true Eigenschaft hinzugefügt habe.

die Tat, zum Beispiel:

SweetAlert.swal({ 
    title: "Are you sure?", 
    text: "Your will not be able to recover this imaginary file!", 
    type: "warning", 
    showCancelButton: true, 
    confirmButtonColor: "#DD6B55", 
    confirmButtonText: "Yes, delete it!", 
    closeOnConfirm: false}, 
function(){ 
    //do something if "Yes, delete it!" button is clicked 
}); 

Wenn es das süße Warnfenster erscheinen und in diesem Moment genannt wird, ist die vertikale Bildlaufleiste deaktiviert, kein Problem, bis jetzt.

Der Anwender hat zwei Wahl in diesem Fall: „Ja, es löschen“

  • Klicken Sie auf die Schaltfläche : Der süße Alarm verschwindet und meine vertikale Bildlaufleiste kehrt zurück.
  • Klicken Sie auf die Schaltfläche „Abbrechen“: so die süße Alarm verschwinden aber mein Problem ist die Tatsache, dass meine vertikale Bildlaufleiste immer noch deaktiviert ist, was nicht der Fall sein sollte!

Eine mögliche Lösung ist overflow-y: auto; CSS-Eigenschaft auf meinem <body> HTML-Tag hinzuzufügen, aber das Problem ist, dass die vertikale Bildlaufleiste nicht deaktivieren, während süßer Alarm angezeigt wird. (Was ist nicht ideal, was ich will ...)

Hat jemand schon dieses Problem schon einmal?

Antwort

1

ich mein Problem gelöst, müssen Sie nur hinzufügen:

closeOnCancel: true 

so jetzt, es sieht wie folgt aus:

SweetAlert.swal({ 
    title: "Are you sure?", 
    text: "Your will not be able to recover this imaginary file!", 
    type: "warning", 
    showCancelButton: true, 
    confirmButtonColor: "#DD6B55", 
    confirmButtonText: "Yes, delete it!", 
    closeOnConfirm: false, 
    closeOnCancel: true}, 
function(){ 
    //do something if "Yes, delete it!" button is clicked 
}); 
Verwandte Themen