禁用 jQuery qTip 鼠标事件

发布于 2024-12-08 17:59:34 字数 56 浏览 1 评论 0原文

如何防止 qTip 在 mouseenter mouseleave 事件上自动显示和隐藏工具提示?

How can I keep qTip from automatically showing and hiding the tooltips on mouseenter mouseleave events?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

情泪▽动烟 2024-12-15 17:59:34

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

所以类似这样的事情

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

As per the docs, you can register for the "beforeShow" event and returning false will stop the tooltip from showing.

So something along the lines of this

$("your jquery selector").qtip({ api: { beforeShow: function(event) { return false; } } });
兮颜 2024-12-15 17:59:34

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

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

或者您可以尝试在 show 选项中设置 when 属性为假:

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

You can specify the events that will cause the tooltip to hide in the hide option:

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

or you can try setting the when attribute in the show option to false:

$('#tooltip').qtip({     
   show: {
          ready: false, /* Don't show the tooltip once its ready */
          when: false /*  Prevents the tooltip from showing for any event */  
   }
});
诗化ㄋ丶相逢 2024-12-15 17:59:34

这就是我所拥有的和工作的。
它禁用鼠标事件,并且工具提示由 qtip("show") 触发

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

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

This is what I have and works.
It disables mouse events and tool tips is trigger by qtip("show")

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

  $('#link1').qtip("show");
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文