Segui il link all'interno dell'evento click JQuery

I link sono all'interno di <td> s, ma ho anche un evento click su tutti gli <td> s. Il codice è simile al seguente:Segui il link all'interno dell'evento click JQuery

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

voglio seguire semplicemente il link senza mostrare il popup se l'utente fa clic sul collegamento, ma per mostrare il popup se l'utente fa clic in qualsiasi altra parte del <td>. È possibile in JQuery?

fonte

2012-02-24 Sean Kelleher

Hai provato che definisce il fatto 'click' su tutti gli' ovvero a un'analisi elementi tramite JQuery? –

Aggiungere questo fino alla fine della vostra document.ready gestore:

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

fonte

2012-02-24 22:05:34 bfavaretto

Lo script non sembra comportarsi diversamente con questo codice. L'evento si propaga dall'elemento più interno verso l'esterno o più esterno? –

Dovrebbe funzionare. Lo hai inserito nel gestore di 'document.ready'? Dovrebbe essere all'interno di quel conduttore. Vedi demo su [jsfiddle] (http://jsfiddle.net/32hXu/1/). – bfavaretto

Spiacente, ha funzionato, ho appena scoperto che ho scritto 'stopPropagation()' come 'stopPropogation()' che ha causato il fallimento dello script in modo silenzioso. Grazie per il tuo tempo e la tua pazienza. –

Potrebbe per essere utile.

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

fonte

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

dovrebbe fare il trucco.

fonte

2012-02-24 22:07:43 Grigor

Segue il collegamento quando si fa clic su di esso, ma il prompt viene comunque visualizzato. C'è un modo per sopprimere il prompt quando si fa clic sul collegamento? –

questo dovrebbe farlo.

<!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>

fonte

2012-02-24 22:34:06 Tom

Segui il link all'interno dell'evento click JQuery

risposta

Problemi correlati