2014-02-19 25 views
0

所以這個問題讓我感到困惑,我希望有人遇到它。我檢查了這個網站的答案,但沒有找到正確的答案。試圖在選項卡上的表格中使用引導工具提示

我正在使用Bootstrap 3.1.0,並且我有一個帶有選項卡式內容的頁面,每個頁面都包含動態生成的表格。在這些表格中,我動態生成了包含鏈接的內容 - 在此鏈接上,我正在嘗試生成工具提示。

這使得該元件的結構,例如:

  • -A標籤
  • --a表
  • ---成一排(TR)
  • ---- A細胞的(TD)
  • -----鏈路(數據肘節= 「提示」 ID = 「{動態生成的基於內容}」 類= 「specificClassName」)

我已經把腳本放在關閉body標籤之前。

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
<script src="{{url_for('static', filename='js/bootstrap.min.js')}}"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $('[data-toggle="tooltip"]').tooltip({'placement': 'top'}); 
    }); 

我會聯繫所有的代碼,但它是動態生成的,所以我不知道它會是有意義的。理想情況下,我希望將工具提示放置在鏈接的右側,但我想也許它是將自己作爲「父」附加到錯誤的元素上,而不是作爲結果顯示,這就是爲什麼我將展示位置更改爲最佳。

注意:我也試過類名而不是data-toggle = tooltip,但是這並沒有產生任何不同的結果。

其餘的引導項目工作 - 該選項卡正常工作,表顯示所需的。工具提示是唯一不能按預期運行的項目。

+0

需要提供一點信息。也許列出一些錯誤信息或嘗試使用jsfiddle創建一個簡單的示例來顯示問題。我在這裏創建了一個例子:http://jsfiddle.net/ML428/ – HJ05

回答

0

簡答:我不能做我想做的事。或者我可以,但這是一個壞主意。所以我要去寫自定義的JS。

長(er)答案:您必須在引導工具提示中包含標題,但標題是工具提示內容。我的工具提示內容是動態生成的div和div內容,我不希望它是title屬性的值。