Question

所以这个让我感到困惑，我希望有人遇到过它。我已经检查了这个网站的答案，但没有找到正确的答案。

我正在使用Bootstrap 3.1.0，我有一个带有选项卡式内容的页面，每个页面都包含动态生成的表格。在这些表中，我动态生成了具有链接的内容 - 在此链接上，我尝试生成工具提示。

这使得元素的结构如下：

-A Tab
- 表
--- A Row（tr）
----一个单元格（td）
-----链接（data-toggle =“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，但这并没有产生任何不同的结果。

其余的引导程序项工作 - 选项卡正常运行，表格根据需要显示。工具提示是唯一无法按预期运行的项目。

Answer 1

简答：我不能做我想做的事。或者我可以，但这是一个坏主意。所以我要编写自定义JS。

长（呃）回答：您必须在引导工具提示中包含标题，但标题是工具提示内容。我的工具提示内容是动态生成的div和div内容，我不希望它是title属性的值。

尝试在选项卡上的表中使用Bootstrap Tooltip ....

1 个答案: