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

Question

我在我的表格上应用 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 时，它会显示所有工具提示，当鼠标失焦时不会隐藏，如何修复它

Answer 1

从文档中：

特别活动

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

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

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

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

看到这篇文章，它似乎已经为我解决了这个问题。

Answer 2

试过这个？

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