Question

我在两个div（外部和内部）上使用jquery工具提示插件（http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/＆amp; http://docs.jquery.com/Plugins/Tooltip）并且无法弄清楚如何显示内部div的工具提示。鼠标悬停事件必须传播到外部div，它始终显示外部事件的工具提示。这是示例代码：

- html

<div id="outer_div" style="width:100px;height:50px;background-color:blue;">
    &nbsp;
    <div id="inner_div" style="width:50px;height:20px;background-color:red;">
    &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
}
);

我希望工具提示在鼠标位于内部div时显示“内部”，而在外部div上的任何其他位置显示“外部”。我可能会尝试修改插件本身以停止事件传播但不确定我是否还想去那里。任何想法将不胜感激。感谢。

内部和外部div上的不同工具提示文本

0 个答案: