Sweetalert: Acesse o link clique em OK

Criado em 28 out. 2014 · 4Comentários · Fonte: t4t5/sweetalert

Perdoe minha inexperiência. Como posso conseguir isso:

Eu gostaria que o sweetalert mostrasse uma mensagem quando um usuário clicasse em um link, mas só para ir para o link _se_ o usuário selecionar 'OK' na caixa de diálogo do sweetalert.

Obrigado!

Fonte

voodoo6

Comentários muito úteis

Isso é realmente muito simples de conseguir. Estou usando jQuery neste exemplo.

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

Isso adicionará o comportamento a todas as a-tags. Se você quiser apenas para determinados links, poderá adicionar uma classe específica às a-tags e limitar a funcionalidade sweetAlert apenas a eles.

t4t5 em 29 out. 2014

👍2 ❤1

Todos 4 comentários

A biblioteca não tem essa opção. Modifico o construtor em #165 (precisamos aguardar aprovação) para enviar um parâmetro extra para o construtor, neste caso será o link.

jupazave em 28 out. 2014

Isso é realmente muito simples de conseguir. Estou usando jQuery neste exemplo.

$('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 em 29 out. 2014

👍2 ❤1

Obrigado por você ajudar Tristan, isso funciona perfeitamente!

voodoo6 em 30 out. 2014