1

Quiero abrir un modal para confirmar si esta seguro de realizar la accion, pero se envia directamente como lo soluciono?

tengo varios links href='envaluacion/primera' la cadena primera y la palabra primera va cambiando es dinamico

$('.envios').click(function() {

  swal({
      title: "Aviso",
      text: "Esta seguro que desea salir?",
      type: "warning",
      showCancelButton: true,
      confirmButtonClass: "btn-danger",
      confirmButtonText: "Salir",
      cancelButtonText: "Cancelar",
      closeOnConfirm: false,
      closeOnCancel: false
    },
    function(isConfirm) {
      if (isConfirm) {
        location.href = "http://www.pagina1.com";
      } else {
        swal("Cancelado", "Usted esta aqui", "error");
      }
    });

});
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>

<a href='envaluacion/primera' class="envios">Irse

1
  • En la documentación está un ejemplo de esto. :)
    – Dev. Joel
    Commented el 9 abr. 2018 a las 5:19

1 respuesta 1

1

Debe usar promesas como está en la documentación , antes de esto deberá agregar el script correcto (cdn) a su documento.

Si desea obtener el href de su link clickeado, simplemente acceda a this.href ya que this hará referencia al tag <a>

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

$(function() {
	$('.envios').click(function(e) {
		e.preventDefault();
		swal({
			title: "Aviso",
			text: "Está seguro que desea salir ? ",
			icon: "warning",
			buttons: true,
			dangerMode: true,
		})
		.then((willDelete) => {
			if (willDelete) {
            //Mensaje Opcional
            swal("Usted será redireccionado", {
            	icon: "success",
            });
            console.log(this.href);
            // redirección location.href = this.href
        } else {
        	swal("Canceceló la acción");
        }
    });
	});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<a href='envaluacion/primera' class="envios">Irse</a>
<a href='envaluacion/segunda' class="envios">Irse a Otra</a>

6
  • en mi caso tengo valores en href='#' que quiero enviar por get
    – hubman
    Commented el 9 abr. 2018 a las 5:22
  • en realidad tengo varios links href='envaluacion/primera' la cadena primera y la palabra primera va cambiando es dinamico
    – hubman
    Commented el 9 abr. 2018 a las 5:24
  • @hubman si desea obtener el href , añadí la actualización a mi respuesta 3:)
    – Dev. Joel
    Commented el 9 abr. 2018 a las 5:27
  • una maravilla, asunto solucionado gracias!!!
    – hubman
    Commented el 9 abr. 2018 a las 5:51
  • para en entre al servidor hace falta descomentar la redireccion?
    – hubman
    Commented el 15 ago. 2018 a las 4:09

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.