获取列表视图中的任何选项的工具提示

Question

我有一个接口与各种选项的列表视图，例如1）亚洲2）欧几里亚3）......这个列表视图通过调用访问这些数据的JSP脚本填充（即所有3个或更多选项）来自数据库。当我将鼠标移到（onmousemove函数）任何选项上时，我想要显示一个小的弹出窗口（如任何帮助窗口）。例如，当我把鼠标放在亚洲上，然后一小帮窗口显示印度人，中国人，泰国人等等。由于相关信息存储在数据库中，因此通过调用一个jsp文件来重新获得这些数据。因此，listview的所有选项都会有不同的信息，这些信息会从数据库中动态更改。

任何人都可以建议如何做到这一点？

Answer 1

有很多现成的JavaScript库在那里做这个，只是谷歌的“JavaScript工具提示”或“jQuery的工具提示”。

如果你不想要任何臃肿的东西，那么我建议使用jquery，并简单地创建工具提示。

例如，

$("select > option").hover(function({ 
    pos = $(this).position(); 
    $(this).before($("<div>").css({position: absolute,left: pos.left,top: position.top}).text("Your Text")); 
}); 

请注意，这只是一个很基本的裸例如，你仍然需要考虑偏移和认为父元素可能偏移的定位也是如此。您可以使链接本身相对定位，并且一起跳过位置检测。

另外请注意，我不认为悬停事件会在每个浏览器中触发，因为我不认为listView选项节点没有任何设计附加到它的事件。您应该考虑另一种流程或使用JavaScript库来显示自定义listView元素，这将允许您将事件附加到选项节点。下面是一些你可以使用：

http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements#9

反正这应该给你的东西开始使用。