Am besten bestätigen Dialogfeld Javascript-Bibliothek

Question

Ich möchte einen Bestätigungsdialog verwenden, der besser aussieht als der native Browser confirm Dialog. Ich habe versucht toastr, aber festgestellt, dass die confirm Funktionalität war ein bisschen schwierig mit No/Ja-Tasten zu erreichen. Es muss weiterhin gepflegt und aktualisiert werden.

Vielen Dank für alle Vorschläge!

Answer 1

Versuchen Sie jquery-confirm. Sie haben eine Vielzahl von Designs.

Answer 2

Ich denke, dass eine der schönsten API outhere ist SweetAlert:

https://limonte.github.io/sweetalert2/

Sie können Ihre Dialoge wie folgt aufgebaut:

swal({ 
    title: 'Are you sure?', 
    text: "You won't be able to revert this!", 
    type: 'warning', 
    showCancelButton: true, 
    confirmButtonColor: '#3085d6', 
    cancelButtonColor: '#d33', 
    confirmButtonText: 'Yes, delete it!' 
}).then((result) => { 
    if (result.value) { 
     swal(
     'Deleted!', 
     'Your file has been deleted.', 
     'success' 
     ) 
    } 
}) 

Dies ist, wie sieht so aus:

Sie können das CSS sogar anpassen, um es an Ihre Projektfarben anzupassen.

Hoffe, das hilft!