工具提示 - 忽略 Javascript 个选项

Question

我目前正在使用 Tooltipster 来获取一些工具提示。当我在元素中放置 'tooltip' class 和数据工具提示时，它起作用 'fine'。我的问题是我想给这个元素一个 HTML 工具提示（对齐的文本和颜色）。根据我的搜索，我知道我们可以这样做：

$('.tooltip').tooltipster({
 content: tooltipHTML,
 contentAsHTML: 'true',
 minWidth: 250
});

我确定工具提示HTML 是有效的HTML。也已经尝试了 $(tooltipHTML) 。问题是 Tooltipster 完全忽略了这个选项。没有给出最小宽度（仅通过 CSS 强制执行 - 我已经完成了）并且内容根本没有改变。我已将数据工具提示内容替换为此工具提示 HTML 但问题是工具提示未被解释为 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>

有人知道解决办法吗？花了几个小时，尝试了很多不同的解决方案，但没有任何反应..

Answer 1

正如您所说，您需要在要显示工具提示的元素中包含 class 工具提示。或者只用另一个class，但是你需要在

中调用正确的class

$(".tooltip") or you own calss $("myToolTip")

查看我的 fiddle 了解我的意思。

工具提示 - 忽略 Javascript 个选项

Tooltipster - Ignoring Javascript options

javascript

jquery

tooltip

tooltipster