Question

jsfiddle example of what i am trying

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

那就是我的HTML。

我想动态更改工具提示，说“air jordan 12:44 pm is mike jordan” 我知道如何到达下午12:44。我不知道的是如何在阅读原始元素时动态更改工具提示。我必须更改title元素才能更改工具提示吗？

这是我正在尝试的

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

我觉得我走错了路。我甚至看不到该功能内部的控制台日志。有没有办法来解决这个问题？

或者我应该 1.看看元素是否有鼠标中心， 2.然后快速更改标题attritubte 3添加.tooltip？

Answer 1

假设通过'tooltip'表示当您将鼠标悬停在元素上时看到的文本（这只是title属性的值），那么您可以使用jQuery直接编辑title属性。

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

编辑：

一个小小的谷歌搜索引导我认为你特指的是jQueryUI工具提示方法，它比标准的工具提示有点漂亮。我不太熟悉这种方法是如何工作的，但基于API，我会说你最大的问题是你将函数处理程序传递给'content'，而不是实际执行一个函数这将创建您需要的字符串。我建议您阅读Immediately Invoked Function Expressions，了解这些格式之间的区别。理论上，你的代码看起来应该是这样的：

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

动态更改jquery工具提示

1 个答案: