e.preventDefault（）如何不停止鏈接被跟蹤？

Question

如何阻止鏈接被使用（使用此事件處理程序）？

http://jsfiddle.net/chovy/rsqH7/1/

<table> 
    <tbody> 
     <tr class="msg"> 
      <header><a href="http://cnn.com">cnn.com</a></header></tr> 
    </tbody> 
</table> 

$('table').on('click', 'tr.msg header', function (e) { 
    e.preventDefault(); 
    var $el = $(e.currentTarget); 
    console.log($el); 
}); 

Answer 1

你的HTML是無效的; <header>不能直接出現在<tr>之內，這是違反整個事情的。如果添加alert，您會注意到該處理程序根本沒有被調用。

檢查DOM使我這個：

<header><a href="http://cnn.com">cnn.com</a></header> 
<table>…</table> 

這是瀏覽器，因爲總是有幫助的！ Correcting the HTML by putting adding a <td> fixes it.（還是你的意思<th>代替<header>？）