Question

希望有人可以提供协助，但我正在使用这个jQuery Tooltip插件jquery tooltip

当我将鼠标悬停在它时，我试图模仿Ex.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
    }
   }
 });
});

帮助jQuery Tooltip插件

1 个答案: