Sweetalert: Ir al enlace y hacer clic en Aceptar

Creado en 28 oct. 2014 · 4Comentarios · Fuente: t4t5/sweetalert

Perdona mi inexperiencia. Cómo puedo conseguir esto:

Me gustaría que Sweetalert muestre un mensaje cuando un usuario hace clic en un enlace, pero luego solo vaya al enlace _si_ el usuario selecciona 'Aceptar' en el cuadro de diálogo de Sweetalert.

¡Gracias!

Fuente

voodoo6

Comentario más útil

Esto es realmente muy simple de lograr. Estoy usando jQuery en este ejemplo.

$('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;
    });
});

Esto agregará el comportamiento a todas las etiquetas A. Si lo desea solo para ciertos enlaces, puede agregar una clase específica a las etiquetas A y limitar la funcionalidad de SweetAlert solo a ellos.

t4t5 en 29 oct. 2014

👍2 ❤1

Todos 4 comentarios

La biblioteca no tiene la opción de hacer eso. Modifico el constructor en el #165 (Debemos esperar a que se apruebe) para enviar un parámetro extra al constructor, en este caso será el enlace.

jupazave en 28 oct. 2014

Esto es realmente muy simple de lograr. Estoy usando jQuery en este ejemplo.

$('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;
    });
});

t4t5 en 29 oct. 2014

👍2 ❤1

Gracias por ayudar a Tristan, ¡eso funciona perfectamente!

voodoo6 en 30 oct. 2014