qTip 2 - Mousedown显示工具提示?用鼠标来隐藏?

时间:2014-12-19 14:04:33

标签: javascript jquery

我正试图找到一种方法来展示使用.mousedown的工具提示,并使用.mouseup再次隐藏它。

qTip看起来像是最好的图书馆,但经过一个小时的谷歌搜索并在jsfiddle中玩,我无法比默认示例更接近。

文档没有将mousedown显示为揭示事件 - 有人可以帮助我指出正确的方向吗?

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

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

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

图书馆是:http://qtip2.com/options

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

1 个答案:

答案 0 :(得分:0)

我找到了使用" 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');
 });

});