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

即使我们动态删除标题后，JQuery UI工具提示仍然显示

1 个答案: