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的样式，也可以检查样式表以确保包含这些样式。特别是，“位置：绝对;”很重要。

Answer 2

Tooltip插件取决于dimensions plugin - 你有加载吗？

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

2 个答案: