引导工具提示：如何使用javascript函数指定工具提示文本

引导工具提示允许我仅通过指定“title”属性来指定元素的工具提示：

<div title="This is a test tooltip"> ... </div>

---

我不知道如何使用函数，但我使用配置文件保存工具提示的标题/正文。然后，我使用标题和正文的数据属性，并将其保留在html中。这是我的配置文件（实际上只是一些json）：

我的html看起来就像它的声音：

  <div data-help="001"></div>

现在我的工具提示有了一个动态的主体和标题

我相信这将解决您在问题中遇到的问题。祝你好运

给你的部门一个身份证然后打电话

function titleSetter(node) {
   return "My Tooltip text";
}
$('#my-div-id').tooltip({
    title: 'My Tooltip text'
});

// or

$('#my-div-id').tooltip({
    title: titleSetter
})

---

如果您使用的是bootstrap3，那么可以在div中添加一个id

<div id="title-text" title="This is a test tooltip"> ... </div>

---

谢谢不过我有一个额外的问题。如果我在html源代码中使用title=“…”，则工具提示将以黑色背景上的白色字体显示。当我在您的方法中使用tooltip（）函数时，提示将以黑色字体显示在黄色背景上。如何控制工具提示显示主题？@Ya。对不起，您应该问一个新问题，这样其他用户就很容易找到它。但是我相信使用CSSSupvoted很容易控制，没有jquery怎么调用工具提示函数？@PirateApp在HTML中设置它？如果您希望它是动态的，那么就需要jQuery插件。

var tooltipOptions = {
    trigger: 'manual',
    title: function() {
      return help[$(this).attr('data-help')].title;
    },
    content: function() {
      return help[$(this).attr('data-help')].description;
    }
  };

function titleSetter(node) {
   return "My Tooltip text";
}
$('#my-div-id').tooltip({
    title: 'My Tooltip text'
});

// or

$('#my-div-id').tooltip({
    title: titleSetter
})

<div id="title-text" title="This is a test tooltip"> ... </div>

$("#title-text").attr('data-original-title', "the title");