强制qtip仅在单击元素时显示?

时间:2015-06-08 07:04:52

标签: javascript jquery jquery-plugins

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

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

当我点击.selectionOptions div时,会显示此qtip。 但是当我悬停div时,这个qtip正在出现。如何使用jQuery纠正这个问题。

1 个答案:

答案 0 :(得分: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