将隐藏事件添加到 qtip 中断显示
Adding hide event to qtip breaks show
我正在使用 qtip 来显示一个小弹出窗口,我发现如果我添加隐藏事件和显示事件,则显示事件将不再有效。
这是一个显示工作版本和损坏版本的示例
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'
}
});
有趣的是,如果我只有一个事件同时显示和隐藏它也有效。
$('#broken').qtip({
content: {
text: 'hello'
},
show: {
event: 'mouseenter'
},
hide: {
event: 'mouseleave'
}
});
任何帮助都会很棒。
摆脱隐藏事件似乎解决了这个问题:
http://jsfiddle.net/refqzkpx/
$('#fixed').qtip({
content: {
text: 'hello'
},
show: {
event: 'click mouseenter'
},
hide: {
/*event: 'click mouseleave'*/
}
我正在使用 qtip 来显示一个小弹出窗口,我发现如果我添加隐藏事件和显示事件,则显示事件将不再有效。
这是一个显示工作版本和损坏版本的示例 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'
}
});
有趣的是,如果我只有一个事件同时显示和隐藏它也有效。
$('#broken').qtip({
content: {
text: 'hello'
},
show: {
event: 'mouseenter'
},
hide: {
event: 'mouseleave'
}
});
任何帮助都会很棒。
摆脱隐藏事件似乎解决了这个问题: http://jsfiddle.net/refqzkpx/
$('#fixed').qtip({
content: {
text: 'hello'
},
show: {
event: 'click mouseenter'
},
hide: {
/*event: 'click mouseleave'*/
}