动态生成内容时,Tooltipster不会扩展

时间:2018-12-09 01:58:50

标签: jquery html tooltipster

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

问题是当它显示工具提示时,内容没有完全显示出来,它总是在工具提示上有一个滚动条。当我第二次将鼠标悬停在同一元素上时,它将完全显示。有人知道如何解决这个问题吗?对不起,我英语不好...

enter image description here

0 个答案:

没有答案