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'); 之前被调用 一种可能的解决方案是检查是否显示了工具提示器。

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