禁用jQuery qTip鼠标事件

Question

如何让qTip在mouseenter mouseleave事件中自动显示和隐藏工具提示？

Answer 1

根据文档，您可以注册“beforeShow”事件，返回false将停止显示工具提示。

这就像这个

$("your jquery selector").qtip({ api: { beforeShow: function(event) { return false; } } });

Answer 2

您可以指定将导致工具提示隐藏在hide选项中的事件：

$('#tooltip').qtip({     
   hide: {
      when: 'mouseenter mouseleave'
   }
});

或者您可以尝试将when选项中的show属性设置为false：

$('#tooltip').qtip({     
   show: {
          ready: false, /* Don't show the tooltip once its ready */
          when: false /*  Prevents the tooltip from showing for any event */  
   }
});

Answer 3

这就是我拥有和工作的东西。 它禁用鼠标事件，工具提示由qtip("show")

触发

$(document).ready(function() {
  $('#link1').qtip({
    content: 'This is a tool tip',
    show: {
      event: false
    },
    hide: {
      event:false
    }
  })

  $('#link1').qtip("show");
});