Entfernen Sie die Schaltfläche “OK” aus dem süßen Warndialog

Lesezeit: 2 Minuten

Benutzer-Avatar
Ankush Rishi

Ich verwende Javascript süßalarm2 Bibliothek.

Ich möchte die OK-Schaltfläche aus dem Warnfeld entfernen, aber ich habe keine Eigenschaft gefunden, um diese Schaltfläche nicht anzuzeigen.

Ich verwende die Timer-Eigenschaft timer:1000 zum Schließen der Warnung in einer Sekunde. Ich glaube also nicht, dass es in dieser Angelegenheit eine Verwendung des OK-Buttons gibt.

Geben Sie hier die Bildbeschreibung ein

  • einstellen showConfirmButton:false in deiner Konfiguration. Link zur Dokumentation

    – haxxxton

    23. Februar 2017 um 5:52 Uhr


  • swal({ content: ‘Hallo Test’, button: false, })

    – Hidayat Arghandabi

    9. April 2020 um 11:47 Uhr

Benutzer-Avatar
Viplock

Sie können diese Eigenschaften verwenden:

showCancelButton: false, // There won't be any cancel button
showConfirmButton: false // There won't be any confirm button

So was

swal({
  title: 'Auto close alert!',
  text: 'I will close in 2 seconds.',
  timer: 2000,
  showCancelButton: false,
  showConfirmButton: false
}).then(
  function () {},
  // handling the promise rejection
  function (dismiss) {
    if (dismiss === 'timer') {
      //console.log('I was closed by the timer')
    }
  }
)

  • Arbeitete mit meiner App: angle2 + sweetalert2, sparte meine Zeit! 🙂

    – amrendra

    8. September 2017 um 5:28 Uhr

Aktualisieren 06.04.2018

showCancelButton und showConfirmButton werden nicht mehr benötigt. Stattdessen können Sie buttons: true festlegen, um beide Schaltflächen anzuzeigen, oder buttons: false, um alle Schaltflächen auszublenden. Standardmäßig wird nur die Bestätigungsschaltfläche angezeigt.

Also jetzt statt zu tun

showCancelButton: false;

showConfirmButton: false;

Mach einfach

buttons: false;

Führer

  • Das ist die beste Antwort!

    – Gina Gina

    10. Oktober 2018 um 6:52 Uhr

Sie müssen einstellen showConfirmButton:false in deiner Konfiguration.

swal({
  title: 'Are you sure?',
  text: "You won't be able to revert this!",
  type: 'warning',
  showConfirmButton:false,
  confirmButtonText: 'Yes, delete it!'
})

Hier ist die Geige

Benutzer-Avatar
Salah

Das funktioniert bei mir: $(".confirm").attr('disabled', 'disabled');

Meine Funktion:

function DeleteConfirm(c){
  swal({   
            title: "Want to delete this item?",   
            text: "You will not be able to undo this action!",   
            type: "warning",   
            showCancelButton: true,   
            confirmButtonColor: "#DD6B55",   
            confirmButtonText: "Yes, delete it!",   
            closeOnConfirm: false 
        }, function(){ 
          $(".confirm").attr('disabled', 'disabled'); 

        });
}

Benutzer-Avatar
Penny Liu

Eine weitere Möglichkeit, dasselbe zu tun.

Swal.fire({
  type: 'error',
  title: 'Cancelled',
  text: 'Your offer is safe 🙂',
  showConfirmButton: false,
  timer: 2000
})
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

Upgrade auf v9.x von SweetAlert2.

Umbruch – umbenennen type zu icon

Swal.fire({
  icon: 'error',
  title: 'Cancelled',
  text: 'Your offer is safe 🙂',
  showConfirmButton: false,
  timer: 2000
})
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

Benutzer-Avatar
Saurab Sharma

swal({

    title: "Success",
    text: "Permissions assigned Successfully",
    icon: "success",
    closeOnClickOutside: false,
})

Verwenden closeOnClickOutside: false,
Für mich geht das.

SÜßER ALARM 2 | AKTUALISIERUNG 2022

Swal.fire({
    ...
    showConfirmButton: false, //hide OK button
    allowOutsideClick: false, //optional, disable outside click for close the modal
    ...
});

Als neue Dokumentation hier.

1216640cookie-checkEntfernen Sie die Schaltfläche “OK” aus dem süßen Warndialog

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy