在可点击框内创建可点击链接（在内的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>标签将链接到#