使用工具提示器显示工具提示作为div的innerHTML的一部分

时间:2015-11-30 16:06:06

标签: javascript jquery tooltipster

我正在使用tooltipster来生成工具提示。一切正常,除非我需要使用简单的JavaScript函数根据用户输入设置div的内容。 div内容由图像组成,当悬停在每个图像上时,应显示工具提示。但是,提示显示为默认浏览器用于显示带图像的title =。我使用的JavaScript很简单:

function setAwards() {
var awardsdiv=document.getElementById("awards"); awardsdiv.innerHTML="";
if (document.setvalues.superstar.checked == true) awardsdiv.innerHTML=awardsdiv.innerHTML + "<img class=\"tooltip\" title=\"Description of award\" width=\"16\" src=\"/pix/superstar.png\" alt=\"[ Super Star ]\" />";
[... stuff removed ...]
}

有没有办法让这项工作?工具提示会显示在此网页的其他位置,因此所需资源似乎可以正确设置。

谢谢!

1 个答案:

答案 0 :(得分:0)

在插入新的HTML内容或使用委托后,您必须初始化工具提示($(...).tooltipster({...}))。

对于&#34;自动&#34;初始化时,您可能希望使用委托事件侦听器,请参阅https://github.com/iamceege/tooltipster/issues/499