JQuery工具提示插件:显示在页面底部的工具提示

Question

我正在使用JQuery工具提示插件- http://docs.jquery.com/Plugins/Tooltip

使用基本实现：

$(".tooltip").tooltip();

工具提示不是将自己放在它所属的输入框上并使用鼠标进行跟踪，而是将自己放在页面的底部。

输入是基本的，如下所示：

<input type="text" name="testTooltip" class="tooltip" title="This is the tooltip" />

我已经完整地剥离了CSS，问题仍然存在(没有内联CSS)。

你知道是什么导致了这一切吗？

Answer 1

我也遇到了同样的问题，因为我没有包含jquery.tooltip.css中提供的默认样式：

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

您可以结合使用Firebug和Firefox来检查应用于#tooltip div的样式，也可以检查您的样式表以确保包含这些样式。特别是，"position: absolute;“是至关重要的。

Answer 2

工具提示插件依赖于dimensions plugin -你加载了吗？