jQuery 工具提示更改事件问题

发布于 2024-10-18 13:30:19 字数 426 浏览 6 评论 0原文

我正在使用 jQuery 工具插件,在我的页面上使用工具提示。我想更改工具提示的默认行为,以便代替默认的 "mouseover,mouseout" 我想使用 "dblclick,click",如下所示

$("#elemName td[title]").tooltip({
    position: "center right",
    effect: "fade",
    events: {
        def: "dblclick,click"
    }
});

:然后发生的情况是工具提示像我想要的那样在 onDoubleClick 上打开,但关闭行为不是我定义的,它仍然是鼠标移出。

它不是应该允许关闭单击事件(也许我应该使用模式而不是工具提示来实现我想要的行为)或者我做错了什么?

I'm using the jQuery tools plugin, to use tooltips on my page. I want to change the default behaviour of the tooltip, so that instead of the default "mouseover,mouseout" I want to use "dblclick,click", like this:

$("#elemName td[title]").tooltip({
    position: "center right",
    effect: "fade",
    events: {
        def: "dblclick,click"
    }
});

What happens then is that the tooltip opens on onDoubleClick like I want, but the close behaviour isn't what I defined, it's still the mouseout.

Isn't it supposed to allow closing on the click event (maybe I should be using a modal instead of a tooltip to have the behaviour that I want) or I'm doing something wrong?

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

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

发布评论

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

评论(2

给妤﹃绝世温柔 2024-10-25 13:30:19

默认情况下,当鼠标移到工具提示上方时,工具提示保持可见,并且在鼠标离开时隐藏。如果您不想在 mouseleave 时关闭工具提示,您可以简单地指定:tooltip: "mouseenter"。这使您可以通过编程方式关闭工具提示。

按以下方式修改 jQuery:

$("#elemName td[title]").tooltip({
position: "center right",
effect: "fade",
events: {
def: "dblclick,click",
tooltip: "mouseenter"
}

});

By default the tooltip stays visible when the mouse is moved over it and it is hidden upon mouseleave. If you don't want to close the tooltip upon mouseleave, you can simply specify: tooltip: "mouseenter". This gives you the possibility of closing the tooltip programmatically.

Modify the jQuery in the following way:

$("#elemName td[title]").tooltip({
position: "center right",
effect: "fade",
events: {
def: "dblclick,click",
tooltip: "mouseenter"
}

});

鸵鸟症 2024-10-25 13:30:19

以下配置对我有用:

$("#elemName td[title]").tooltip({
    position: "center right",
    effect: "fade",
    events: {
        def: "dblclick,click",
        tooltip: "mouseenter,click"
    }
});

The following configuration works for me:

$("#elemName td[title]").tooltip({
    position: "center right",
    effect: "fade",
    events: {
        def: "dblclick,click",
        tooltip: "mouseenter,click"
    }
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文