Блог

Я использую плагин jquery tooltip (http://bassistance.de/jquery-plugins/jquery-plugin-tooltip / amp; http://docs.jquery.com/Plugins/Tooltip ) в двух подразделениях (внешнем и внутреннем) и не могу понять, как отобразить всплывающую подсказку внутреннего подразделения. Событие наведения курсора мыши должно распространяться на внешний div, и оно всегда показывает всплывающую подсказку для внешнего. Вот пример кода:

— html

 <div id="outer_div" style="width:100px;height:50px;background-color:blue;">
    amp;nbsp;
    <div id="inner_div" style="width:50px;height:20px;background-color:red;">
    amp;nbsp;
    </div>  
</div>
  

— javascript

 $("#outer_div").tooltip(
{
    bodyHandler: function() {
        return 'Outer';
    },
showURL: false,
track: true,
delay: 0,
showURL: false,
opacity: 1,
fixPNG: true,
top: -15,
left: 5
}
);

$("#inner_div").tooltip(
{
    bodyHandler: function() {
        return 'Inner';
    },
showURL: false,
track: true,
delay: 0,
showURL: false,
opacity: 1,
fixPNG: true,
top: -15,
left: 5
}
);
  

Я хочу, чтобы всплывающая подсказка показывала ‘Inner’, когда указатель мыши находится над внутренним div, и ‘Outer’, когда он находится в любом другом месте внешнего div. Вероятно, я могу попытаться изменить сам плагин, чтобы остановить распространение событий, но не уверен, хочу ли я еще это делать. Любые идеи будут высоко оценены. Спасибо.