jQuery開發的簡單提示

Question

我在尋找一些JQuery的工具提示插件，甚至一個簡單的解決方案，以顯示從輸入字段動態值，當我鼠標放在一個確定的鏈接（文本或圖像）

我已經嘗試了很多插件，但沒有人可以給我的領域的動態價值。

實施例：

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

爲鼠標懸停/工具提示鏈接：

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

輸入字段的值將被另一個JQuery的功能被改變，它的工作 很好，但是當我嘗試使用任何工具提示插件顯示它的值時，不起作用。

如果我簡單地使用alert（）函數，它工作正常。

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

請問，任何解決方案？

Answer 1

看看這個庫

http://flowplayer.org/tools/demos/tooltip/index.html

Answer 2

我們使用tipsy爲我們提示在twitter.com上，和它的偉大工程。它可以動態使用一個回調函數，這樣生成的工具提示文本：

HTML：

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

的JavaScript：

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

這裏有一個complete example/demo。有很多配置選項可以滿足您的需求。