如何覆盖twitter bootstrap工具提示?

bbb*_*oon 14 tooltip twitter-bootstrap

我正在使用Twitter Bootstrap包中的工具提示来显示页面上的项目信息.有时信息会发生变化,需要在工具提示中进行更新.我尝试用新标题重新初始化工具提示:

$('#selector').tooltip({ title: 'new text'});
Run Code Online (Sandbox Code Playgroud)

但是,新文本不会更改工具提示的标题.它与最初设定的相同.任何想法为什么,有什么工作吗?谢谢!

She*_*row 15

更新:正如@ Nigel-Angel所指出的,TWBS v3使用data('bs.tooltip')


在一个元素上初始化工具提示对象后,无法覆盖该工具提示对象.但你可以删除它并再次执行.

尝试删除,然后使用所有选项重新初始化工具提示(如果有的话).

$('#selector').data('tooltip',false)          // Delete the tooltip
              .tooltip({ title: 'new text'});
Run Code Online (Sandbox Code Playgroud)

可能需要删除侦听器,但它的工作原理与此类似.

  • 如果你正在使用boostrap3,你需要使用`data('bs.tooltip')`而不是`data('tooltip')` (4认同)
  • @bbbonthemoon刚刚发现这篇文章:http://stackoverflow.com/a/9875490/1478467这可能更干净 (2认同)

小智 7

这种技术对我没有用,所以我找到了一个答案,隐藏在一个类似问题的评论.

更新工具提示的显示文本的最简洁方法

$(element).attr('title', 'NEW_TITLE').tooltip('fixTitle').tooltip('show');

谢谢lukmdo