JQuery清除hoverIntent

发布于 2024-12-10 05:20:18 字数 394 浏览 0 评论 0原文

我有一些项目,例如 X、Y 和 Z。我使用 hoverIntent 来执行悬停事件。假设当我将鼠标悬停在 XI 上时,会显示带有此类代码的工具提示

jQuery('.tooltiper').hoverIntent({
        over: showPopup, 
        timeout: 1000, 
        out: hidePopup
    });

,因此它将显示 1 秒。我想要的是,如果我将鼠标悬停在 Y 或 Z 上 hidePopup() 来运行 X 并清除 hoverIntent 的超时,因此它在 1 秒内不可见。我尝试了很多东西,但它们不起作用。

有人有这方面的经验吗?

I have some items lets say X, Y, and Z. I use hoverIntent for the hovering event. Let's say when I hover on X I display a tooltip with such kind of code

jQuery('.tooltiper').hoverIntent({
        over: showPopup, 
        timeout: 1000, 
        out: hidePopup
    });

So it will be visible for 1 second. What I want is if I hover on Y or Z hidePopup() to run for X and clear the timeout of hoverIntent, so it won't be visible for 1 second. I tried many things but they don't work.

Anyone has experience about this?

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

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

发布评论

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

评论(2

失而复得 2024-12-17 05:20:18
clearTimeout($(".tooltiper").prop("hoverIntent_t"));
$(".tooltiper").prop("hoverIntent_s", 0);

这应该有效

clearTimeout($(".tooltiper").prop("hoverIntent_t"));
$(".tooltiper").prop("hoverIntent_s", 0);

This should work

音盲 2024-12-17 05:20:18

hidePopup 函数中添加 $(this).stop();

Add $(this).stop(); in the hidePopup function.

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