帮助使用jQuery插件Toolip

Question

希望有人可以帮助，但我使用这个jQuery的工具提示插件jquery tooltip

，我试图当你悬停它效仿的实施例3的例子，那就是，我想我的提示在我的例子中出现在下面。

我可以让工具提示正确显示，但出于某种原因，不会显示在下方，而是显示在我的悬停图片的右侧。

任何人都可以请求协助，如何让它出现在我的形象之下，而不是正确的？

仅供参考，我的图片目前设置在我的网页右上角。

谢谢。

Answer 1

哇，该工具提示字面上没有其他文档，除了该页面。,,似乎工具提示位置是基于它在页面上的位置。它越靠近页面的顶部，提示就会出现在下方。

就个人而言，我建议使用不同的工具提示脚本，允许您设置工具提示位置。像jQuery Tools Tooltip或qTip。

---

那么很显然，目前公布的qTip脚本不使用jQuery 1.4.2工作，但你可以下载current build version，它正常工作。

下面是一些示例代码来告诉你如何使用它，以及一个demo：

$(document).ready(function(){ 
$("#demo").qtip({ 
    content: 'Tooltip Content goes here', 
    style: { 
     name: 'cream',   // Inherit from preset style 
     tip: 'topMiddle'  // adds the pointy part to the tooltip window 
    }, 
    textAlign: 'center',  // Center the tooltip contents 
    position: { 
    corner: { 
    target: 'bottomMiddle', // Location of tooltip relative to #demo when it opens 
    tooltip: 'topMiddle'  // Portion of tooltip that meets with the target 
    } 
    } 
}); 
});