即使我们动态删除标题后，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();