javascript - 动态更改 jquery 工具提示

Question

jsfiddle example of what i am trying

  <div class="name1" title=" Air jordan ">mike jordan</div>

那是我的 html。

我想动态地改变工具提示说“air jordan 12:44pm is mike jordan” 我知道如何到达中午 12:44。我不知道如何在读取原始元素时动态更改工具提示。我必须更改标题元素才能更改工具提示吗？

这是我正在尝试的

 $( ".name1" ).tooltip({
content: function() {
  console.log("1234");
  var element = $( this );
  return "gerd";
}
});

我觉得我走错了路。我什至没有看到函数内部的控制台日志。 有没有办法来解决这个问题？

或者我应该 1.查看元素是否有mouseenter， 2.然后快速更改标题属性然后 3 添加.tooltip?

Answer 1

假设“工具提示”是指将鼠标悬停在元素上时看到的文本(这只是 title 属性的值)，那么您可以使用 jQuery 直接编辑 title 属性。

$('.name1').attr('title','air jordan ' + yourFormattedDateTimeFunction() + ' is mike jordan');

编辑:

谷歌搜索让我认为您是在特指 jQueryUI 工具提示方法，它比标准工具提示更高级。我不太熟悉此方法的工作原理，但基于 API ，我会说你最大的问题是你将函数处理程序传递给“内容”，而不是实际执行一个函数来创建你需要的字符串。我建议你阅读 Immediately Invoked Function Expressions有关这些格式之间差异的解释。所以从理论上讲，您的代码应该如下所示:

$('.name1').tooltip({
    content: (function () {
                 console.log('this should show up now');
                 return 'air jordan ' + yourFormattedDateTimeFunction() + ' is mike jordan';
             })()
});