jquery - 长文本触发器上的提示工具提示位置

Question

使用tipsy.js 作为我的工具提示。当触发器仅跨越 1 行文本时工作正常，但如果更长的触发器换行到下一行，它只会在该内容区域中居中显示工具提示。任何帮助使其正确定位将不胜感激。谢谢！富有的

Answer 1

只是把我的毛巾扔进去。根据tipsy.js docs，你可以设置一个gravity选项来定位tip这样的：

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

您也可以将其默认为 North/South - NS （或） West/East - WE ：

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

你可以这样做：

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

希望这可以帮助。

编辑 根据您的需要，这个问题将满足您的需求。问题是如何使提示跟随鼠标，从而将其定位在悬停的内容上。

这是您更新的演示：http: //jsfiddle.net/Tq3gD/3/

这涉及插件代码中的微小更改（我也已将其添加到您的小提琴中） - 现在有一个名为的新选项follow可以设置为xor y。

但请注意，您只能做这么多来使这个插件可定制。对于更多开箱即用的功能，我建议使用此列表中的内容。