Tooltipster - Javascriptのオプションを無視する

Question

現在、いくつかのツールチップにはTooltipsterを使用しています。私は要素の中に 'ツールチップ'クラスを置いて（OK、それは必要です）、データツールチップも配置すると「うまくいく」ことができます。私の問題は、この要素にHTMLのツールチップ（テキストと色の揃え）を付けることです。

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

私の検索から、私たちはこれを行うことができることを知っています。tooltipHTMLは有効な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

あなたがツールチップにしたい要素にクラスのツールチップを置く必要があると言います。それとも別のクラスを使用しますが、その後、あなたは私のfiddleは、私が何を意味するかを理解することを参照してください

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

に正しいクラスを呼び出す必要があります。