所以這個問題讓我感到困惑,我希望有人遇到它。我檢查了這個網站的答案,但沒有找到正確的答案。試圖在選項卡上的表格中使用引導工具提示
我正在使用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,但是這並沒有產生任何不同的結果。
其餘的引導項目工作 - 該選項卡正常工作,表顯示所需的。工具提示是唯一不能按預期運行的項目。
需要提供一點信息。也許列出一些錯誤信息或嘗試使用jsfiddle創建一個簡單的示例來顯示問題。我在這裏創建了一個例子:http://jsfiddle.net/ML428/ – HJ05