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 bind / live / delegate调用。

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

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

Answer 2

试过这个？

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

jquery qTat不使用tab键时不隐藏工具提示

2 个答案: