动态更改jQuery工具提示

Question

我正在尝试的jsfiddle示例

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

多数民众赞成在我的html。

我想动态更改工具提示，说“ air jordan 12:44 pm是Mike jordan”，我知道如何获得12:44 pm。 我不知道的是如何在读取原始元素时动态更改工具提示。 我必须更改标题元素才能更改工具提示对吗？

这是我正在尝试的

 $( ".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');

编辑：

稍加使用Google搜索就可以认为您是在专门指代jQueryUI工具提示方法，该方法比标准工具提示更新颖。 我对这种方法的工作方式不是很熟悉，但是基于API ，我想说的最大的问题是，您正在将函数处理程序传递给“内容”，而不是实际执行创建函数的函数。您需要的字符串。 我建议您阅读“ 立即调用的函数表达式”以了解这些格式之间的区别。 因此，从理论上讲，您的代码应如下所示：

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