如何在工具提示中显示ajax调用返回的信息

Question

我创建了一个 JSP 文件，它返回数据库所需的信息。我还编写了代码，该代码将对该 jsp 文件进行 ajax 调用以检索信息。但我没有得到任何好的或免费的工具提示库来知道如何将此信息放入工具提示中。请推荐 javascript 中好的、免费的工具提示库（我不擅长 jquery，我知道它很强大，但我需要学习和更改我的整个代码）。

问题：我需要将鼠标悬停在列表视图的不同选项上时显示此工具提示内容。 （列表视图的每个选项都会有不同的信息）在每个选项上移动鼠标时，应该向 JSP 页面发送一个 ajax 调用，并将预期的调用返回到工具提示中）我现在使用 javascript 代码进行 ajax 调用并从 JSP 获取内容文件中唯一的问题是要使用哪些 Tootip 库以及如何将它用于列表视图的每个选项。请建议。

Answer 1

qTIP 就可以了。去图书馆。将其配置为您需要的标签。其余的可以这样进行：

1. 获取 AJAX 响应
2. 使用 javascript 修改 title 属性。类似

document.getElementById(id).setAttribute('title', 'Ajax response here');

库会为您完成剩下的工作。

要避免 AJAX 调用的问题，您可以使用以下检查：

//on mouseover call for an AJAX function and check this
if(!document.getElemenyById(id).getAttribute){
    //the title is not set, use Ajax to retrive it an set it
    tooltip.init(); //this is crucial for the tooltip to work
}

编辑：在库中搜索 var qTipTag = "a,label,input"; 并将其更改为 var qTipTag = " li,a,标签,输入";。这将启动您想要的标签的工具提示引擎。

你可以在这里看到它的工作 http://jsfiddle.net/DarkThrone/gu6T2/5/