2017-05-11 23 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> 

更多細節,以爲什麼這解決了這個問題將不勝感激!