Bootstrap的动态生成内容工具提示

时间:2014-12-11 01:44:26

标签: javascript jquery html twitter-bootstrap

我正在处理的页面是:http://rafaelviana.com.br/busca_usp/

首先,将鼠标悬停在"测试"链接在页面顶部。没有bootstrap工具提示,对吧?现在按' a'在表格上。将出现一个包含相关结果的表格。将鼠标悬停在"测试"再次链接。工具提示出现。

我试图让这些工具提示出现在" Unidade"专栏的项目(这些是大学部门和名称的首字母缩写词)。此类工具提示应显示部门的全名。

但是,当我将data-toggle="tooltip"属性添加到动态生成的元素时,似乎没有工具提示工作。它们只适用于静态元素(例如页面顶部的奇数'测试链接)。

即使我从生成表格的代码中调用bootstrap的工具提示(这正是发生的事情),这仍然存在,因为您注意到除非您进行搜索,否则测试工具提示不会出现),即使在元素添加到DOM之后$(function () {$('[data-toggle="tooltip"]').tooltip()})运行,它仍然存在。

如何才能使工具提示出现在包含data-toogle属性的每个元素上,无论是动态还是静态?

编辑:修复,在评论中按解决方案。我认为我做错了就是在<{1}}元素中调用.tooltip()

0 个答案:

没有答案