长文本触发器上的醉意工具提示位置

时间:2013-06-10 15:02:01

标签: jquery tooltip tipsy

将tipsy.js用于我的工具提示。当触发器仅跨越1行文本时工作正常,但如果较长的触发器包裹到下一行,则它将使工具提示居中于该内容区域。任何有助于正确定位的帮助将不胜感激。谢谢!富

1 个答案:

答案 0 :(得分:2)

只是扔掉我的毛巾。根据tipsy.js docs,您可以设置gravity选项来定位tip,如下所示:

$('#foo').tipsy({gravity: 'n'}); // nw | n | ne | w | e | sw | s | se

您也可以将其默认为北/南 - NS(或)西/东 - WE:

  

从版本0.1.3开始,可以使用回调函数在悬停时动态设置重力。在回调中,这指的是活动元素,函数应该将计算的重力作为字符串返回。提供了两个演示回调 - $ .fn.tipsy.autoNS和$ .fn.tipsy.autoWE - 分别选择北/南和西/东重力。

以下是你如何做到的:

$('#foo').tipsy({gravity: $.fn.tipsy.autoNS}); //or $.fn.tipsy.autoWE 

希望这有帮助。

修改 根据您的需要,此question将满足您的需求。问题是如何使尖端跟随鼠标,因此将其定位在悬停的内容上。

以下是您的最新演示:http://jsfiddle.net/Tq3gD/3/

这涉及到插件代码的少量更改(我已将其添加到您的小提琴中) - 现在有一个名为follow的新选项,可以设置为x或{{1} }。

但请注意,您只能这么做以使此插件可自定义。为了获得更多开箱即用功能,我建议您使用list中的内容。