JQuery: Continuar o evento de Clique após prevenir com event.preventDefault()

A idéia desse post é bem simples.

Imagina o seguinte: você tem um link (a href) em seu site ou sistema que ao clicar apaga todos os dados de um produto.

Porém, antes de efetivar a exclusão uma mensagem será exibida questionando se realmente quer excluir o produto.

Nesta hora que entra em ação o script abaixo.

Esta linha window.location = $(this).attr(‘href’); faz com que o evento click do link seja executado.

<html>
<head>
<script type="text/javascript" 
             src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.btn-excluir').live('click', function() {
   var deletar = confirm('Deseja realmente realizar a exclusão?');
   if (deletar){
      window.location = $(this).attr('href');
   }
   return false;
});
});
</script>
</head>
<body>
   <a class="btn-excluir" href="destino.php?variavel=valor1" title='Todos os dados serão excluídos!'>excluir tudo</a>
</body>
</html>

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *