web-dev-qa-db-ja.com

jQueryUIツールチップをフォーカスのみに適用する方法

新しいJqueryUIツールチップをfocusでのみ表示するにはどうすればよいですか。現時点ではfocushoverでのみ表示されます。これはJqueryUI 1.9以降だと思います

26
Mark W

少し短い方法:

$(".selector").tooltip().off("mouseover mouseout");

37
lxgreen

これは理想的ではありませんが、うまくいくはずです。

$(".selector").tooltip({
    disabled: true
}).on("focusin", function () {
    $(this)
        .tooltip("enable")
        .tooltip("open");
}).on("focusout", function () {
    $(this)
        .tooltip("close")
        .tooltip("disable");
});

基本的には、focusinでツールチップを有効/開く、focusoutで無効/閉じる。

例:http://jsfiddle.net/WmRuN/

13
Andrew Whitaker