JQuery 工具提示插件 : tooltips showing at bottom of page

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; }

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