使用jquery qTip2作为工具提示。
我有一个带有链接的工具提示。如果用户的鼠标进入提示(而不是触发器),我希望提示保持打开状态。似乎无法在文档中弄清楚如何做到这一点......
使用jquery qTip2作为工具提示。
我有一个带有链接的工具提示。如果用户的鼠标进入提示(而不是触发器),我希望提示保持打开状态。似乎无法在文档中弄清楚如何做到这一点......
如果您希望它在鼠标悬停并进入提示时保持可见,但仍希望它在鼠标移出时关闭,请使用此处文档中描述的固定和延迟选项:
$('.selector').qtip({
content: {
text: 'I hide on mouseout, but you can mouse into me within 500ms',
},
hide: {
fixed: true,
delay: 500
}
});
hide 参数有很多选项。例如,如果您不想无限期地隐藏它,只需将 hide 设置为 false:
$('.selector').qtip({
content: {
text: 'I never hide',
},
hide: false
});
如果您希望它隐藏在不同的事件上,例如单击提示之外的任何位置,请显式设置事件:
$('.selector').qtip({
content: {
text: 'I hide when you click anywhere else on the document',
},
hide: {
event: 'unfocus'
}
});
如果您希望它在单击触发器时隐藏,请指定单击事件:
$('.selector').qtip({
content: {
text: 'I hide when you click the tooltip trigger',
},
hide: {
event: 'click'
}
});
具体参见“隐藏”选项文档以获取更多信息。
如果您希望提示保持打开状态,然后在用户单击目标外部或离开目标时将其隐藏:
show: {
event: 'mouseover'
},
hide: {
event: 'click mouseleave'
}