JQuery UI Tooltip все още се показва дори след премахване на динамично заглавие - jquery, jquery-ui, jquery-ui-tooltip

Имам таблица с клетки, които динамичнодобавя / премахва фонов цвят и заглавие при кликване. Използвам подсказка на Jquery UI, за да покажа подсказка. Но той продължава да показва подсказката, дори когато актуализираме елемента и премахваме заглавието.

[Ето JSfiddle, който демонстрира проблема: https://jsfiddle.net/uz34vwf5/8/ - ако щракнете върху клетка - тя я подчертава и добавя заглавие и в двете таблици. Сега, ако преместите мишката върху тях, можете да видите основния alt текст в първата таблица, а стилизираната подсказка във втората.

Сега кликнете върху тях отново, за да премахнете заглавието. В първата таблица можете да видите, че вече не показва алт текста. Но във втория, той продължава да показва подсказката със старото заглавие. ]

Опитах да използвам:

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

.. но това не работи.

Отговори:

Изпробвайте тази демонстрация: 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();