在可點擊框內創建可點擊鏈接（在內的ActionLink <a href>）</a>

Question

我正在嘗試使整個表格行都可點擊，並且已經使用javascript做到了。 但是，這不能讓您在狀態欄中看到目標鏈接，也無法在新選項卡中打開這些鏈接。

因此，我一直在嘗試以下方法：

<tr>
  <td><a href="#">@Html.ActionLink(...)</a></td>
  <td><a href="#">@Html.ActionLink(...)</a></td>
  <td><a href="#">@Html.ActionLink(...)</a></td>
</tr>

然后使用display：block; 在錨點上以使整行都可點擊

tr:hover { 
   background: red; 
}

td a { 
   display: block; 
   border: 1px solid black;
   padding: 16px; 
}

但是，我無法再單擊操作鏈接，無論我在表行上單擊什么，都將帶我到錨點中的所有內容。

這使我想到了我的問題。 如何做到這一點，如果我單擊行中的任意位置，它將帶我到錨點，但是如果我精確單擊動作鏈接，它將帶我到設置的位置。

任何幫助是極大的贊賞。

Answer 1

有人為Bootstrap 3編寫了一個插件，使此操作變得容易。 Jasny Bootstrap具有“行鏈接”，可讓您執行以下操作：

<tbody data-link="row" class="rowlink">
<tr>
    <td><a href="#wholerow">First Link</a></td>
    <td>Some text</td><td class="rowlink-skip"><a href="#">Action</a></td>
</tr>
</tbody>

整行將鏈接到#wholerow ，而<a>標簽將鏈接到#