Tooltipster - Игнорирование параметров Javascript

Question

В настоящее время я использую Tooltipster для подсказок. Он работает «отлично», когда я добавляю класс «tooltip» в элемент (ну, это необходимо) и подсказку данных. Моя проблема в том, что я хочу дать этому элементу HTML-подсказку (выровненный текст и цвета). Из моего поиска я знаю, что мы можем сделать это:

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

Я уверен, что tooltipHTML является действительной HTML. Уже попробовал $ (tooltipHTML). Проблема в том, что Tooltipster полностью игнорирует эти параметры. Нет минимальной ширины (только заставляя это CSS - что-то я сделал), и контент не изменяется вообще. Я заменил содержимое всплывающей подсказки на эту 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, чтобы понять, что я имею в виду.