获取listview中任何选项的工具提示

Question

我有一个带有各种选项列表视图的界面，例如1）亚洲2）Euorpian 3）......这个listview是通过调用JSP脚本来填充的，该脚本从数据库访问这些数据（即所有3个或更多选项） 。当我将鼠标移动（onmousemove函数）任何选项时，我想要显示一个小的弹出窗口（如任何帮助窗口）。例如，当我把鼠标放在亚洲时，那么一个小帮助窗口显示印第安人，中国人，泰国人等等。这个数据印第安人，中文....再次通过调用jsp文件，因为相关信息存储在数据库中。因此，listview的所有选项都会有不同的信息，这些信息会从数据库中动态变化。

有人可以建议如何实现这个目标吗？

Answer 1

有很多现成的javascript库可以做到这一点，只需谷歌“javascript tooltip”或“jquery tooltip”。

如果你不想要任何膨胀，我建议使用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

无论如何，这应该会给你一些开始的东西。