q提示 2 - 鼠标按下以显示工具提示?鼠标向上隐藏

qTip 2 - Mousedown to reveal tooltip? Mouseup to hide?

本文关键字:鼠标 工具提示 隐藏 显示 提示      更新时间:2023-09-26

我在尝试找到一种方法来显示 .mousedown 的工具提示并使用 .mouseup 再次隐藏它时遇到了真正的问题。

qTip 看起来像最整洁的库,但经过一个小时的谷歌搜索和在 jsfiddle 中播放,我无法比他们的默认示例更接近。

文档没有将鼠标按下显示为显示事件 - 任何人都可以帮助我指出正确的方向吗?

我已经做了一个默认的非常简单的小提琴作为起点,如果有人可以从那里帮助我:

http://jsfiddle.net/craga89/fDavN/

$('.selector').qtip({
content: {
    text: 'My content'
}
});

该库是: http://qtip2.com/options

编辑...如果有帮助的话,它不必是qTip - 只是一个可靠的jquery工具提示库。

我使用"Tooltipster"找到了解决方案

$(document).ready(function() {
 // first on page load, initiate the Tooltipster plugin
    $('.tooltip').tooltipster({
    trigger: custom,
    });
// reveal when mousedown is called
 $(window).mousedown(function() {
  $('#example').tooltipster('show');
});
 // hide when mouseup is called
 $(window).mouseup(function() {
  $('#example').tooltipster('hide');
 });
});