jquery-ui - 单击后输入具有焦点时不要关闭工具提示

Question

如果输入具有焦点，如何使工具提示不关闭？它在使用选项卡获得焦点时有效，但如果我使用鼠标专注于输入，工具提示将在 mouseout 上关闭。即使输入有焦点。

我可以

$('input').tooltip().off("mouseover mouseout");

但这将禁用悬停时的工具提示，我只需要禁用 mouseout当 input有重点。

http://jsfiddle.net/3dX6d/2/
http://jsfiddle.net/3dX6d/3/

Answer 1

尝试这个:

Working Example

$("input").tooltip({
    close: function (event, ui) { //when the tooltip is supposed to close 
        if ($('input').is(':focus')) { // check to see if input is focused 
            $('input').tooltip('open'); // if so stay open
        }
    }
});

新的和改进的方法:

Better Working Example

$("input").tooltip({
    hide: {
        effect: 'explode'// added for visibility
    } 
}).mouseleave(function () { // on mouse leave
    if ($('input').is(':focus')) { // if input is focused 
        ui.tooltip.preventDefault(); //prevent the tooltip's default behavior
        $('input').tooltip('open'); // leave the tooltip open
    }
}).focusout(function () { // on focus out 
    $('input').tooltip('close'); // close the tooltip
});

API 文档:
:focus
event.preventDefault()
.focusout()
open method
close event