Cómo detener la redirección de un ancla utilizando JQuery

Question

¿Cómo puedo detener el redireccionamiento de una etiqueta de anclaje a otra página si el usuario no ha iniciado sesión? Tengo una función para verificar si el usuario está conectado o no. Quiero hacerlo con JQuery o JavaScript. Esto es lo que he probado hasta ahora, pero sin resultados:

<a href="www.somewhere.com" id="yes">Read More</a> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('a').click(function(){ 
      var id = $(this).attr('id'); 
      if(id == 'yes'){ 
       //i want to prevent 
      }else{ 
       //redirect 
      } 
     }); 
    }); 
</script> 

Answer 1

favor utilizo

http://api.jquery.com/event.preventDefault/demostraciónhttp://jsfiddle.net/aRBY4/6/

e.preventDefault() 

cita `

Si esto método se llama, la acción predeterminada del evento no será activada.

Además, si se me permite sugerirlo leer esto: .prop() vs .attr()

esperanza que esta ayuda,

código de ejemplo

$('a').click(function(event){ 
    event.preventDefault(); 
    //do whatever 
    } 

En su caso favor probar este

$(document).ready(function() { 
    $('a').click(function(event) { 
     var id = $(this).attr('id'); 
     if (id == 'yes') { 
      event.preventDefault(); 
      //i want to prevent 
     } else { 
      //redirect 
     } 
    }); 
});​ 

Answer 2

Cambiar el controlador de eventos de clic a este

$('a').click(function(e){ 
    var id = $(this).attr('id'); 
    if (id == 'yes') 
    { 
     e.preventDefault(); 
     e.stopPropagation(); 
    } 
    else 
    { 
     //redirect 
    } 
}); 

Answer 3

Uso event.preventDefault(). Se usa para evitar la acción predeterminada del evento.

<script type="text/javascript"> 
$(document).ready(function(){ 
     $('a').click(function(){ 
      var id = $(this).attr('id'); 
     if(id == 'yes'){ 
      event.preventDefault() 
     }else{ 
      //redirect 
     } 
    }); 
}); 
</script>