angularjs，tooltipster-mouseenter问题

Question

我正在使用带有工具提示器的angularjs（ http://iamceege.github.io/tooltipster/ ）; 我想制作一个页面，如果您将鼠标悬停在文本上，则会显示图像（googleapis.com http请求）。 但是，有两个问题：

• 当我第一次将鼠标悬停在文本上时，仅显示1/4的图像； 第二次，可以看到完整的图像。
• 如果我将鼠标悬停在非常快的位置，则图像会“烧毁”到屏幕上； 如图所示，在元素创建之前，我称“隐藏”（即Web服务将响应发送到我的代码）。

我提供了一个示例，可以在这里找到： http : //jsbin.com/dubome/1/edit

任何帮助都将不胜感激！

Answer 1

您的element.tooltipster('hide'); 在element.tooltipster('show');之前被调用element.tooltipster('show'); 一种可能的解决方案是检查工具提示是否显示。

在http://jsbin.com/dofakotema/3/edit中查看我的解决方案