jQuery qtip2工具提示在加载时显示，在5秒后隐藏，并在mouseenter上再次显示，没有延迟

Question

我正在为客户网站使用jQuery Qtip2，他们已经要求在页面加载时出现工具提示，然后在5秒后消失。第一次加载关闭后，同样的工具提示也需要出现在mouseeenter上。

我已经使它显示在页面加载以及click和mouseenter上，但我不确定如何使它同时执行这两个操作，第一个事件超时并且mouseenter / click事件没有延迟。

有什么建议吗？

到目前为止我的代码看起来像：

$(document).ready(function() {
    $('.helpful_hint').qtip({
        style: { classes: 'customHint' },
        content: {
            text: 'text here'
        },
        show: {
            event: 'click mouseenter',
            ready: true,
            fixed: true,
            delay: 100
        },
        hide: {
            fixed: true,
            delay: 500
        }
    });
});

Answer 1

您可以像这样使用

$('.selector').qtip({
    show: {
        when: 'mouseenter',
        delay: 1000
    },
    api: {
        onRender: function() {
            this.elements.target.bind('click', this.show);
        }
    }
});