Question

我目前正在使用Tooltipster进行一些工具提示。当我放置工具提示＆＃39;元素中的类（好的，它需要）和数据工具提示。我的问题是我想给这个元素一个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>

任何人都知道任何解决方案？在这几个小时，尝试许多不同的解决方案，没有任何反应..

Answer 1

正如您所说，您需要在您想要工具提示的元素中提供类工具提示。或者只是使用另一个类，但是你需要在

中调用正确的类

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

请参阅我的fiddle了解我的意思。

Tooltipster - 忽略Javascript选项

1 个答案: