将tipsy.js用于我的工具提示。当触发器仅跨越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中的内容。