在我的项目中,当用户将鼠标悬停在带有“ tooltip”类的元素上时,我将使用tooltipster显示工具提示。由于“工具提示”类的元素过多,因此我决定在用户将鼠标悬停在如下元素上时为工具提示生成内容:
function onHover(e) {
...
var content = "<img id='cropImg' style='width:250px;' src='....'/>";
$('.tooltip').tooltipster('content', content);
}
工具提示初始化:
$('.tooltip').tooltipster({
theme: 'tooltipster-noir',
side: 'bottom',
delay: 300,
maxWidth: 450,
minWidth: 250,
contentAsHTML: 'true'
});
问题是当它显示工具提示时,内容没有完全显示出来,它总是在工具提示上有一个滚动条。当我第二次将鼠标悬停在同一元素上时,它将完全显示。有人知道如何解决这个问题吗?对不起,我英语不好...