Sweetalert: Gehen Sie zum Link und klicken Sie auf OK

Erstellt am 28. Okt. 2014  ·  4Kommentare  ·  Quelle: t4t5/sweetalert

Verzeihen Sie meine Unerfahrenheit. Wie kann ich das erreichen:

Ich möchte, dass sweetalert eine Nachricht anzeigt, wenn ein Benutzer auf einen Link klickt, aber dann nur zu dem Link geht, _wenn_ der Benutzer 'OK' im Sweetalert-Dialog auswählt.

Danke!

picture voodoo6

Hilfreichster Kommentar

Dies ist eigentlich sehr einfach zu erreichen. In diesem Beispiel verwende ich jQuery.

$('a').click(function(e){
    e.preventDefault();
    var link = $(this).attr('href');

    swal({
        title: "Are you sure?",
        text: "By clicking 'OK' you will be redirected to the link.",
        type: "warning",
        showCancelButton: true
    },
    function(){
        window.location.href = link;
    });
});

Dadurch wird das Verhalten allen a-Tags hinzugefügt. Wenn Sie es nur für bestimmte Links möchten, können Sie den a-Tags eine bestimmte Klasse hinzufügen und die sweetAlert-Funktionalität auf diese beschränken.

picture t4t5 am 29. Okt. 2014
👍2 ❤1

Alle 4 Kommentare

Die Bibliothek hat dazu keine Möglichkeit. Ich ändere den Konstruktor in #165 (Wir müssen auf die Genehmigung warten), um einen zusätzlichen Parameter an den Konstruktor zu senden, in diesem Fall ist es der Link.

jupazave picture jupazave am 28. Okt. 2014

Dies ist eigentlich sehr einfach zu erreichen. In diesem Beispiel verwende ich jQuery.

$('a').click(function(e){
    e.preventDefault();
    var link = $(this).attr('href');

    swal({
        title: "Are you sure?",
        text: "By clicking 'OK' you will be redirected to the link.",
        type: "warning",
        showCancelButton: true
    },
    function(){
        window.location.href = link;
    });
});

Dadurch wird das Verhalten allen a-Tags hinzugefügt. Wenn Sie es nur für bestimmte Links möchten, können Sie den a-Tags eine bestimmte Klasse hinzufügen und die sweetAlert-Funktionalität auf diese beschränken.

t4t5 picture t4t5 am 29. Okt. 2014
👍2 ❤1

Danke für deine Hilfe Tristan, das funktioniert perfekt!

voodoo6 picture voodoo6 am 30. Okt. 2014

es funktioniert nicht!

Uncaught SweetAlert: Unerwartetes 2. Argument (Funktion(){
window.location.href = mainURL;

});

was sollte ich tun?

mojtabaRKS picture mojtabaRKS am 27. Jan. 2019
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

Untit1ed picture Untit1ed  ·  5Kommentare
jamieson99 picture jamieson99  ·  3Kommentare
VoxelNaut picture VoxelNaut  ·  6Kommentare
adiwithadidas picture adiwithadidas  ·  4Kommentare
mouro001 picture mouro001  ·  3Kommentare