2

フォームに 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キーを押すと、マウスのフォーカスが外れると非表示にならず、すべてのツールチップが表示されます。修正方法

4

2 に答える 2

0

ドキュメントから：

特別なイベント

qTip2 は、いくつかのカスタム非表示および表示イベントを実装しているため、手動でコーディングする必要はありません。現時点では、フォーカスを外すことは 1 つだけです。このイベントを使用すると、ツールヒント以外がクリックされたときにツールヒントを非表示にできます。

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

注: これは qTip のみのイベントです。通常の jQuery bind/live/delegate 呼び出しでは機能しません。

そうは言っても、クリックを使用して機能するため、「フォーカスを外す」だけではないと思います。

この記事を参照してください。問題が解決したようです。

于 2017-11-09T21:25:15.833 に答える
-1

これを試しましたか？

$('.selector').qtip({
    content: {
        text: 'I\'ll hide when you click anywhere else on the document',
    },
    hide: {
        event: 'unfocus'//event: 'click mouseleave'
    }
});
于 2013-02-22T14:29:16.617 に答える