Измените css tooltip div с помощью jquery

Question

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

Может ли кто-нибудь сказать мне, как я могу изменить цвет фона в подсказке div?

Я подал заявку ниже JQuery, но он меняет цвет, когда я удалить курсор с иконкой:

$('.icon_box').hover(function(){ 
// I can check the color of icon here and put below, for testing I have applied orange 
    $('div.tooltipster-default').css("background-color", "blue"); 

}); 

Спасибо.

Answer 1

Вы должны использовать опцию Tooltipster functionReady. Что-то вроде:

$('.icon_box').tooltipster({ 
    functionReady: function(origin){ 
     var originBackgroundColor = origin.css('background-color'), 
      tooltip = origin.tooltipster('elementTooltip'); 

     // I'm not sure if it should be applied on $(tooltip) or one 
     // of its children, you'll have to check it out 
     $(tooltip).find('.tooltipster-default').css('background-color', originBackgroundColor); 
    } 
});