javascript - 如何使用 Bootstrap 在表中创建可点击的行？

Question

我正在尝试使用 Bootstrap 使行可单击，但我发现的只是列表。有什么办法可以做到这一点吗？

我写的是:

    <table class="table table-hover">
      <tr>
        <td><strong>FirstName</strong></td>
        <td><strong>LastName</strong></td>
        <td><strong>Start</strong></td>
        <td><strong>End</strong></td>
      </tr>
      <tr><a href="user/student">
        <td>aaa</td>
        <td>bbb</td>
        <td>ccc</td>
        <td>ddd</td>                            
      </a></tr>
</table>

但是没有成功。

Answer 1

为什么不简单地附加一个 onclick 事件，如下所示:

<table class="table table-striped">
      <tr onclick="window.location.href = 'url';">>
        <td><strong>FirstName</strong></td>
        <td><strong>LastName</strong></td>
        <td><strong>Start</strong></td>
        <td><strong>End</strong></td>
      </tr>
      <tr onclick="window.location.href = 'url';">
        <td>aaa</td>
        <td>bbb</td>
        <td>ccc</td>
        <td>ddd</td>                            
      </a></tr>
</table>

注意:我建议您使用 jQuery，因为 bootstrap 也使用 jQuery。