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中查看我的解決方案