【发布时间】：2016-08-29 08:36:22
【问题描述】：
我目前正在为一些工具提示使用 Tooltipster。当我在元素中放置“工具提示”类（好的，它是必需的）和数据工具提示时，它工作得很好。我的问题是我想给这个元素一个 HTML 工具提示（对齐的文本和颜色）。根据我的搜索，我知道我们可以这样做：
$('.tooltip').tooltipster({
content: tooltipHTML,
contentAsHTML: 'true',
minWidth: 250
});
我确定 tooltipHTML 是有效的 HTML。也已经尝试过 $(tooltipHTML) 。问题是 Tooltipster 完全忽略了这个选项。没有给出最小宽度（仅通过 CSS 强制执行此操作 - 我已经完成了），并且内容根本没有更改。我已将 data-tooltip 内容替换为此 tooltipHTML，但问题是工具提示未解释为 HTML。
我的 HTML：
<div data-tooltip="{{this.locations}}" class="tooltip location__point location__point--client tooltipContainer " style="top: {{this.coordinates.y}}%; left: {{this.coordinates.x}}%;" data-locations="{{this.locations}}" data-timezones="{{this.timezones}}">
<span class="location__pointDot locattion__pointDot--client"></span>
</div>
有人知道解决办法吗？持续了几个小时，尝试了很多不同的解决方案，但没有任何反应..
【问题讨论】：
-
在 tooltipser 文档中哪里可以找到 tooltipHTML？
-
tooltipHTML 不是有效的 html elemnet
-
请将所有必要的代码摘录添加到您的问题中。例如，我在您的 html 中看不到
tooltip类。并且data-tooltip不是文档的一部分。并确保您使用最新版本的库。 -
@Zorken17 tooltipHTML 是我存储要在工具提示中使用的 HTML 的变量。我尝试将它放在 Tooltipster 的“内容”属性中。
-
@Evan 你说得对，这是其他开发人员编造的。事实是我在代码上找不到任何硬编码的东西来使用这个属性，但是删除它根本没有任何内容显示在工具提示中。你建议在 JS 上做什么？
标签： javascript jquery tooltip tooltipster