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

时间:2017-05-11 14:45:20

标签: javascript jquery html twitter-bootstrap href

在我的页面上,我有可点击的表格行,可以打开特定的链接。此功能已按计划运行,也就是说,直到我尝试将传统工具提示转换为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>

0 个答案:

没有答案