Есть ли способ изменить сторону / положение одной всплывающей подсказки без наличия нескольких классов?

Question

В настоящее время я маркирую анатомические диаграммы, и для того, чтобы свести к минимуму слишком частое наложение меток на диаграммы, я хочу установить только НЕКОТОРЫЕ всплывающие подсказки, которые будут отображаться в нижней части svg, который я помечаю. В примере, который я включаю, это будет установка всплывающей подсказки для svg с идентификатором «mud_levator_mandibulae_externus», которая будет отображаться внизу, а не вверху.

Я знаю, что могу разделить каждую группу всплывающих подсказок на разные классы, но я хотел бы сохранить их все в одном классе, если можно, поскольку у меня есть код JavaScript, который было бы утомительно изменить, если бы у меня были разные классы.

Я подумал, что вы могли бы добавить специфику функции c в id в тег после инициализации моей всплывающей подсказки, но он не работает. Добавление его в функцию готовности документа тоже не работает.

$(document).ready(function() {
            $('.tooltip').tooltipster({
            	theme: ['tooltipster-shadow', 'tooltipster-shadow-customized'],
            	trigger: 'click',
            	});
        });

$('#mud_levator_mandibulae_externus').tooltipster({
	side:'bottom'
});

Answer 1

Вы можете добавить еще один класс css к своему элементу, например class="tooltip tooltip-left", а затем ваш functionInit обнаружит его и соответственно изменит параметр side, например,

functionInit (instance, helper) {
  if ($(instance.origin).hasClass('tooltip-left')) {
    instance.option('side', 'left')
  }
}