jQuery工具工具提示 - 更改标题

Question

使用jquery插件工具提示工具提示(http://flowplayer.org/tools/tooltip/index.html)我需要更改元素的标题..

   reloadTooltip();
   $("#example").attr('title', obj.text);
   reloadTooltip();

   function reloadTooltip(){
       $("[title]").tooltip({ position: "bottom right", opacity: 1 });
   }

Html部分:

   <span title="text" id="example"></span>

凭借我的解决方案,我终于获得了2个冠军,一个在另一个之上 没有风格(被忽略的js),是新的.工具工具提示标题尚未更改.

谢谢

Answer 1

我即将做同样的事情.我查看了Tooltip插件代码,发现了更新工具提示的快捷方式.该插件删除title属性并将该内容放入名为tooltipText的元素属性中.在jQuery 1.6+中,可以这样操作:

// get the current tooltip content
$('#someElement').prop('tooltipText')

// set the tooltip content
$('#someElement').prop('tooltipText', 'w00t');

该插件在版本1.3的第55行设置tooltipText属性(注意大小写).就我所知,以这种方式完成的更改是即时的.

如果进行直接元素操作,工具提示内容位于:

var e = document.getElementById('#someElement');
alert(e.tooltipText);
e.tooltipText = 'w00t';

Answer 2

得到它了 !根据最新版本的工具提示(截至v2.3.1)https://github.com/twitter/bootstrap/blob/master/js/bootstrap-tooltip.js#L272 你需要设置属性(不是属性)' data-original-title'因为这是工具提示当前正在使用的.

这是一个黑客,但我希望它对你有用,因为它对我有用.

$('#example').attr('data-original-title','the new text you want'); //and that's it.

Answer 3

不知道你是否仍在寻找答案,但我花了几个小时试图对同样的东西进行排序,并在API中找到了答案(简单,就像它们一直找到它们一样!)文档.

无论您首先设置工具提示是什么元素,从中获取工具提示API并设置新值.即如果您在ID为"myTip"的元素上设置工具提示

$('#myTip').data('tooltip').getTip().html("New string!") ;

瞧瞧.

您不应该删除标题(并且不应该因为工具提示是惰性初始化).而是使用cancelDefault配置:

http://flowplayer.org/tools/tooltip/index.html