/ Published in: jQuery
First: clicking on a table row forwards you to the URL given in the first As href attribute. ------ Second: clicking on a link inside the row triggers the default action **AND** a click event on the table row. This needs to be stopped, so the default action is replaced by our own and propagation to higher elements is stopped. ----- Nice to have: Hand cursor when hovering over a table row. CSS!
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
$('tr.msg').click(function() { document.location = $(this).find('a.msg-link').attr('href'); }); $('tr.msg a').click(function(e) { e.stopPropagation(); e.preventDefault(); document.location = $(this).attr('href'); });