我目前正在使用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>
任何人都知道任何解决方案?在这几个小时,尝试许多不同的解决方案,没有任何反应..
答案 0 :(得分:0)
正如您所说,您需要在您想要工具提示的元素中提供类工具提示。或者只是使用另一个类,但是你需要在
中调用正确的类$(".tooltip") or you own calss $("myToolTip")
请参阅我的fiddle了解我的意思。