将隐藏事件添加到qtip break显示

时间:2017-01-16 11:11:48

标签: qtip2

我正在使用qtip来显示一个小弹出窗口,我发现如果我添加一个隐藏事件以及一个节目,那么show事件将不再有效。

以下示例显示了正常工作和损坏的版本 http://jsfiddle.net/39mz295b/

<input id="works" type="text" value="Hover here - works"/>
<input id="broken" type="text" value="Hover here - broken"/>

$('#works').qtip({
    content: {
        text: 'hello'
    },
    show: {
        event: 'click mouseenter'
    }/*,
    hide: {
        event: 'click mouseleave'
    }*/
});

$('#broken').qtip({
    content: {
        text: 'hello'
    },
    show: {
        event: 'click mouseenter'
    },
    hide: {
        event: 'click mouseleave'
    }
});

有趣的是,如果我在show和hide上只有一个事件,它也有效。

$('#broken').qtip({
    content: {
        text: 'hello'
    },
    show: {
        event: 'mouseenter'
    },
    hide: {
        event: 'mouseleave'
    }
});

任何帮助都会很棒。

1 个答案:

答案 0 :(得分:1)

摆脱隐藏事件似乎解决了这个问题: http://jsfiddle.net/refqzkpx/

$('#fixed').qtip({
content: {
    text: 'hello'
},
show: {
    event: 'click mouseenter'
},
hide: {
    /*event: 'click mouseleave'*/
}