一个元素有两个工具提示，冲突

Question

我正在围绕 jquery tooltip工作，我遇到了一个问题，即鼠标丢弃元素时，工具提示未显示。

我有一个<div class='test'>，我使用一些绘图工具（例如HighCharts）在此<div>元素上绘制一些条。

然后我放了代码：

 $('.test').tooltip({
                    content: 'this is tooltip',
                    position: { my: 'center', at: 'center' }
                });

这无法正常工作。

我在此元素上方添加了另一个 <div>，但是在此元素上没有任何绘制，工具提示可以工作。

我不确定为什么我有这样的问题。我的想法是HighChart中的其他一些工具提示覆盖了这一工具，或者我有一些冲突。

有同样经验的人会给我一些暗示吗？

Answer 1

您可以做的最好的事情是使用chrome的debugger tool，并比较浏览器呈现的源代码：

• 具有图表的Div
• 没有图表的Div

在此结束时，您将完全知道是什么弄乱了DOM结构上的Toltip。

如何

• 右键单击
• 检查元素

尝试提供DOM的狙击手，让我为您调试。

问候