JQuery UIタイトルを動的に削除した後でもツールチップが表示されます

Question

私はクリック時に背景色とタイトルを動的に追加/削除するセルを持つ表を持っています。私はツールチップを表示するためにJqueryのUIツールチップを使用しています。しかし、要素を更新してタイトルを削除しても、ツールチップを表示し続けます。

[ここには問題を示すJSfiddleがあります： https://jsfiddle.net/uz34vwf5/8/ - セルをクリックすると、ハイライト表示され、両方の表にタイトルが追加されます。ここでマウスを動かすと、最初のテーブルの基本的なaltテキストと2番目のスタイルのツールチップが表示されます。

タイトルを削除するにはもう一度クリックしてください。最初のテーブルでは、altテキストは表示されなくなっています。しかし2日には、古いタイトルのツールチップを表示し続けます。 ]

私が使用して試してみました：

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

それは動作しません..but。

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