使用jquery更改工具提示div的css

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);
    }
});