在我的网页上,我有许多应用工具提示的图标。
我想要的是,根据图标颜色改变背景颜色。
我无法更改主文件。
有人能告诉我如何更改工具提示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");
});
谢谢。
最佳答案
您需要使用工具提示符的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);
}
});