Question

我正在寻找一些JQuery工具提示插件，甚至是一个简单的解决方案，当我将鼠标放在确定的链接（文本或图像）上时，从输入字段显示动态值

我尝试了很多插件，但没有一个可以给我这个领域的动态价值。

示例：

输入字段： input type="text" name="example" id="example" value=""

鼠标悬停/工具提示的链接：

a href="#" id="tooltip">value</a

输入字段的值将由另一个JQuery函数更改，并且它正在工作很好，但是当我尝试使用任何工具提示插件显示它的价值时，它不起作用。

如果我简单地使用alert（）函数，它就可以正常工作。

我不需要任何花哨的工具提示，只显示输入字段的值。

请，任何解决方案？

Answer 1

我们在twitter.com上使用tipsy作为工具提示，效果很好。它可以使用回调函数动态生成工具提示文本，如下所示：

HTML：

<input type="text" id="example" value="foo" />

JavaScript的：

$("#example").tipsy({
  title: function() {
    return $(this).val();
  }
});

这是一个complete example/demo。有很多配置选项可以满足您的需求。

Answer 2

查看此库