Question

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

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

Answer 1

qTIP会做到这一点。获取图书馆。为您需要的标签配置它。剩下的就像这样：

获取AJAX响应
使用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,label,input";。这将启动所需标签的工具提示引擎。

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

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

1 个答案: