jquery qTip在不聚焦时不隐藏工具提示使用tab键答案

【问题标题】：jquery qTip not hide tooltip when unfocus use tab keyjquery qTip在不聚焦时不隐藏工具提示使用tab键
【发布时间】：2012-12-10 15:17:48
【问题描述】：

我在表单上应用 qtip

<script type="text/javascript">
...
show: 'focus',
hide: 'unfocus'
</script>

<input type="text" name="username" size="30" alt="Tài khoản không được để trống" /> <br />
<input type="text" name="password" size="30" alt="Mật khẩu của bạn" /> <br />

但是，只有当我点击每个输入时它才能正常工作，当我按下键盘上的键 Tab 时，它会显示所有工具提示，当鼠标失焦时不隐藏，如何修复它

【问题讨论】：

你有解决方案吗？

标签： qtip

【解决方案1】：

来自文档：

特别活动

qTip2 为您实现了一些自定义隐藏和显示事件，因此您不必手动编写代码。目前只有一个：不专注。此事件允许您在单击工具提示以外的任何内容时隐藏工具提示。

$('.selector').qtip({
    content: {
        text: 'I\'ll hide when you click anywhere else on the document'
    },
    hide: {
        event: 'unfocus'
    }
});

注意：这是一个仅限 qTip 的事件，它不适用于任何普通的 jQuery 绑定/实时/委托调用。

话虽如此，我不相信“不聚焦”是唯一的，因为我使用过 click 并且它有效。

See this article，它似乎已经为我解决了这个问题。

【讨论】：

【解决方案2】：

试过了吗？

$('.selector').qtip({
    content: {
        text: 'I\'ll hide when you click anywhere else on the document',
    },
    hide: {
        event: 'unfocus'//event: 'click mouseleave'
    }
});

【讨论】：

它当时奏效了。无论如何，我不打算使用 jq 插件四年。和平;)