首页 > 解决方案 > 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'
});

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

在此处输入图像描述

标签: jqueryhtmltooltipster

解决方案


推荐阅读