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

ツールチップの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); 
    } 
});