首页 文章

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

提问于
浏览
0

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

我正在使用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 回答

  • 0

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

    长(呃)答案:您必须在引导工具提示中包含 Headers ,但 Headers 是工具提示内容 . 我的工具提示内容是动态生成的div和div内容,我不希望它是title属性的值 .

相关问题