javascript - 强制 qtip 仅在单击元素时出现？

Question

我使用了qtip插件。我写了qtip代码

.on('click', '.selectionOptions', function(){
    $('.selectionOptions').qtip({
        style: {
            classes: 'ui-component-config selectionOpt',
            tip: false
        },
        content: {
            text: 'Hai'
        }
    });
})

此 qtip 旨在当我单击 .selectionOptions div 时出现。然而，当我将鼠标悬停在 div 上时，会出现此 qtip。如何使用 jQuery 纠正此问题。

Answer 1

对于 qTip 2，您可以使用

show: {
        event: 'click'
    }

完整示例(来自文档页面):

$('.selector').qtip({
    suppress: false,
    content: {
        text: 'You must have known to click me from the browser tooltip...!?'
    },
    show: {
        event: 'click'
    }
})
.attr('title', 'Click me to show a qTip!'); // Apply a title attribute to the elements

查看此处的文档:http://qtip2.com/options#core.suppress