即使我们动态删除标题，JQuery UI Tooltip 仍然显示

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();