所以这个让我困惑,我希望有人遇到过它 . 我已经检查了这个网站的答案,但没有找到正确的答案 .
我正在使用Bootstrap 3.1.0,我有一个带有选项卡式内容的页面,每个页面都包含动态生成的表格 . 在这些表中,我动态生成了具有链接的内容 - 在此链接上,我试图生成工具提示 .
这使得元素的结构如下:
-
-A Tab
-
- 表
-
---一排(tr)
-
----一个细胞(td)
-
-----链接(数据切换= "tooltip" id = "" class = "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,但这并没有产生任何不同的结果 .
其余的引导项工作 - 选项卡正常运行,表根据需要显示 . 工具提示是唯一无法按预期运行的项目 .
1 回答
简答:我不能做我想做的事 . 或者我可以,但这是一个坏主意 . 所以我要编写自定义JS .
长(呃)答案:您必须在引导工具提示中包含 Headers ,但 Headers 是工具提示内容 . 我的工具提示内容是动态生成的div和div内容,我不希望它是title属性的值 .