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