Seguir el enlace dentro del evento clic de JQuery

Tengo enlaces dentro de <td> s, pero también tengo un evento de clic en todos <td> s. El código es el siguiente:Seguir el enlace dentro del evento clic de JQuery

$(document).ready(function() { 
    $('td.event').click(function() { 
     var eventName = prompt('Enter event:'); 
     if (eventName != null && eventName.length > 0) { 
      window.location = '?event=' + eventName; 
     } 
    }); 
});

Quiero simplemente siga el enlace sin mostrar la ventana emergente si el usuario hace clic en el enlace, sino para mostrar la ventana emergente si el usuario hace clic en cualquier otro lugar del <td>. ¿Es esto posible en JQuery?

Fuente

2012-02-24 Sean Kelleher

Ha intentado definir el evento 'click' en todos los' a' elementos a través de jQuery? –

Añadir esto al final de su manejador document.ready:

$('td.event a').click(function(e) { 
    e.stopPropagation(); 
});

Fuente

2012-02-24 22:05:34 bfavaretto

Parece que la secuencia de comandos no actúa de manera diferente con este código. ¿El evento se propaga desde el elemento más interno hacia fuera o hacia afuera? –

Debería funcionar. ¿Pusiste esto dentro del controlador 'document.ready'? Debería estar dentro de ese controlador. Vea la demostración en [jsfiddle] (http://jsfiddle.net/32hXu/1/). – bfavaretto

Lo siento, funcionó, me acabo de enterar ahora que deletreé 'stopPropagation()' como 'stopPropogation()' que causó que el script fallara silenciosamente. Gracias por su tiempo y paciencia. –

Se podría ser de ayuda.

$("td.event a").click(function(e){ 
    e.stopPropagation(); 
});

Fuente

2012-02-24 22:07:31 Razoomnick

function yourFunction() 
{ 
    var eventName = prompt('Enter event:'); 

    if(eventName != null && eventName.length > 0) { 
     window.location = '?event='+eventName; 
    } 
} 

$('td').click(function() { 
    yourFunction(); 
}); 

$('td a').click(function() { 
    window.location = $(this).attr('href'); 
});

debe hacer el truco.

Fuente

2012-02-24 22:07:43 Grigor

Sigue el enlace cuando hace clic en él, pero el mensaje sigue apareciendo. ¿Hay alguna forma de suprimir el mensaje cuando se hace clic en el enlace? –

esto debería hacerlo.

<!DOCTYPE html> 
<html> 
<head> 
    <script src="jquery.js"></script> 
    <script> 
     $(document).ready(function() { 
      $("td").click(function(event){ 
       if(!event.isPropagationStopped()) { 
        var eventName = prompt("Enter event: "); 
        if(eventName != null && eventName.length > 0) { 
         window.location = "?event=" + eventName; 
        } 
       } 
      }); 
      $("a").click(function(event){ 
       event.stopPropagation(); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <table> 
     <tr> 
      <td style="background-color: grey; width: 100px; height: 20px;"> 
       <a href="http://www.google.be">google</a> 
      </td> 
     </tr> 
    </table> 
</body>

Fuente

2012-02-24 22:34:06 Tom

Seguir el enlace dentro del evento clic de JQuery

Respuesta

Cuestiones relacionadas