Bootstrap 工具提示不允许单击 table 行

Question

在我的页面上，我有可点击的 table 行可以打开特定的 link。此功能按计划运行，也就是说，直到我尝试将传统的工具提示转换为 Bootstrap。现在，我似乎无法恢复可点击功能（即使工具提示正常工作）。

HTML:

<tr class="activity" data-href="./activity/13" data-container="body" data-toggle="tooltip" data-placement="auto left" title="Click on a row to view the activity">
    <td style="vertical-align:middle;text-align:center"><b>1</b></td>
    <td>
        Attended seminar!<br /><div style="text-align:right"><i class="fa fa-lock fa-fw" style="color:rgb(217,83,79)" data-container="body" data-toggle="tooltip" data-placement="auto bottom" title="Locked for editing"></i></div>
    </td>
    <td style="vertical-align:middle;color:rgb(217,83,79);font-weight:bold;text-align:right">1</td>
</tr>

JavaScript:

<script type="text/javascript">
    $(document).ready(function($) {
        $(".activity").click(function() {
            window.document.location = $(this).data("href");
        });
    });
    $("[data-toggle=tooltip]").tooltip();
</script>

Answer 1

已解决，无论出于何种原因我需要删除 JavaScript 代码的 $(document).ready() 部分：

<script type="text/javascript">
    $(".activity").click(function() {
        window.document.location = $(this).data("href");
    });
    $("[data-toggle=tooltip]").tooltip();
</script>

将不胜感激关于为什么这解决了问题的更多详细信息！

Bootstrap 工具提示不允许单击 table 行

Bootstrap tooltip does not allow table rows to be clicked

html

javascript

jquery

href

twitter-bootstrap