2017-05-11 42 views
0

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

似乎工作正常 - https://jsfiddle.net/vabii/svm9Ln1v/2/ – vabii

回答

0

解决了,不管是什么原因,我需要删除的JavaScript代码的$(document).ready()部分:

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

更多细节,以为什么这解决了这个问题将不胜感激!