即使我們動態刪除標題後，JQuery UI工具提示仍然顯示

Question

我有一個表單元，它可以動態地在點擊時添加/刪除背景顏色和標題。我正在使用JQuery UI工具提示來顯示工具提示。但是，即使在我們更新元素並刪除標題時，它仍然會顯示工具提示。

[這裏是一個的jsfiddle這表明了問題： https://jsfiddle.net/uz34vwf5/8/ - 如果您單擊單元格 - 它突出了它，並增加了兩個表中的一個標題。現在，如果您將鼠標移動到第一個表格上，則可以在第一個表格中看到基本的替代文本，並在第二個表格中看到樣式化的工具提示。

現在再次點擊它們可以刪除標題。在第一個表格中，您可以看到它不再顯示替代文字。但在第二，它不斷顯示舊標題的工具提示。 ]

我已經嘗試使用：

$(this).tooltip('disable'); 

..但它不工作。

Answer 1

試試這個演示：https://jsfiddle.net/uz34vwf5/9/

而是對整個表#table2初始化工具提示，初始化在每個td。 而且還使用tooltip('destroy')，你不會再看到舊的工具提示。

像這樣;

$('td').click(function() { 
    if ($(this).hasClass("clicked")) { 
     $(this).removeClass("clicked"); 
     $(this).attr("title", ""); 
     $(this).tooltip('destroy'); 

    } else { 
     $(this).addClass("clicked"); 
     $(this).attr("title", "Whatever"); 
     $(this).tooltip(); 
    } 
}); 
//$('#table2').tooltip();