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

【问题标题】：Change css of a tooltip div using jquery使用 jquery 更改工具提示 div 的 css
【发布时间】：2016-05-27 11:27:42
【问题描述】：

在我的网页上，我有许多应用工具提示的图标。我想要的是，根据图标颜色改变背景颜色。我无法在主文件中进行更改。

谁能告诉我如何更改工具提示 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");

});

谢谢。

【问题讨论】：

“但是当我从图标上移开光标时它会改变颜色”我不完全确定这意味着什么。究竟是什么问题？你能在 jsfiddle.net 上做一个最小的例子来说明出了什么问题吗？
如果没有CSS选项，可以加!important强制样式：$('div.tooltipster-default').css("background-color", "blue !important");
“但是当我将光标从图标上移开时它会改变颜色”的意思是，当鼠标从图标上移出时，我会得到预期的输出（颜色变化）。我想在将鼠标悬停在图标上时更改 div 的 css。但是在bakend的某个地方，它是由tooltipster制作的。我不确定是否在悬停或任何其他操作时调用此函数。我是这个工具提示器的新手，如果我问一些愚蠢的问题，对不起
@Vincent G 我想要这个动态。不同图标的不同背景颜色
@Neha 你能加一个小提琴吗？

标签： jquery html css tooltipster

【解决方案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);
    }
});

【讨论】：

这给了我：TypeError: origin.elementTooltip is not a function
我编辑了，再试一次。反正逻辑就在这里，具体看文档查看。