在我的项目中,当用户将鼠标悬停在具有“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'
});

问题是当它显示工具提示时内容未完全显示时,它总是在工具提示上有一个滚动条 . 当我第二次悬停在同一个元素上时,它将完全显示出来 . 谁知道怎么解决这个问题?对不起,我的英语不好...