jQuery工具提示在內容更改時保留

Question

我只是偶然發現了關於jQuery UI工具提示的問題。 我添加了提示整個文檔和應用一些樣式：

$(document).tooltip({ 
    position: { 
     my: "center top+20", 
     at: "center bottom", 
     using: function(position, feedback) { 
      $(this).css(position); 
      $("<div>") 
      .addClass("arrow") 
      .addClass(feedback.vertical) 
      .addClass(feedback.horizontal) 
      .appendTo(this); 
     } 
    } 
}); 

現在，如果我懸停在有一個標題項，工具提示顯示。到現在爲止還挺好。

的問題是，我有漂亮的動態內容，所以有時一個元素將被另一個所取代，而工具提示是可見的。導致問題，工具提示不會褪色。

我轉載了這個小提琴這個問題：

http://jsfiddle.net/aE8qn/ ......只要點擊第一項（與在它上面的鼠標停留）。當物品被移除時，將鼠標移開並移回。您會注意到，舊的工具提示將保留，而現在則在顯示時覆蓋它。

是否有一些解決方法？

Answer 1

萬一有人仍然在尋找一個解決方案：

$(document).tooltip({ 
    position: { 
     my: "center top+20", 
     at: "center bottom", 
     using: function(position, feedback) { 
      /* fix tooltip not hiding problem */ 
      if($(".ui-tooltip").length>1){ 
       // since the new tooltip is already added, there are now 2. 
       // removing the first one fixes the problem 
       $(".ui-tooltip")[0].remove(); 
      } 
      $(this).css(position); 
      $("<div>") 
      .addClass("arrow") 
      .addClass(feedback.vertical) 
      .addClass(feedback.horizontal) 
      .appendTo(this); 
     } 
    } 
}); 

在小提琴：http://jsfiddle.net/aE8qn/1/

Answer 2

，而舊的內容刪除，你可以清除舊的工具提示。

$("#items").children().each(function(){ 
    this.onclick = function(){ 
     console.debug("test"); 
     this.remove(); 
     $(".ui-tooltip").remove(); 
    } 
});