jquery - 手動で開いた jQuery-ui ツールチップを非表示にする

Question

私はjqueryツールチップを使用しており、ある時点で次のコードを使用してツールチップを手動で表示しています:

$("#div").tooltip( "open" );

その後、ドキュメントの別の場所をマウスでクリックすると、ツールチップが非表示になっていないことを意味します。ビューにはまだあります。次のように close メソッドを使用する以外に、そのツールチップを非表示にする方法はありますか。

$("#div").tooltip( "close" );

Answer 1

ドキュメント全体で開いている div ツールチップを 1 回のクリックで閉じたい場合は、次の方法を試してください。

$(document).click(function() {
  $("div").tooltip("close");
});

これが最善の方法ではないことは確かですが、何をしているかについて少し説明していただければと思います。そのため、ニーズに基づいてこれを提案します (任意の場所をクリックしてヒントを閉じます)。

Answer 2

これで問題が解決すると思います。これについてご意見をお聞かせください。

   $('body *:not(#div)').on{'touchstart', function(){
        $("#div").tooltip( "close" );
        }
    }