如何实现显示twipsy工具提示的延迟

发布于 2025-01-07 05:03:46 字数 416 浏览 2 评论 0原文

我正在使用 twitter boostrap (twipsy) 为我的网络应用程序实现工具提示。我想在工具提示显示中添加延迟（比如 2 秒后）。

我的实现如下（参见延迟）

%li.friend
  %a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"<%=nick%>&#39;s answers for this question", :delay=> {show:2000}}
    %img{src: "<%= avatar_url %>"}

但是，当我将鼠标悬停在头像上时，工具提示仍然立即显示。

关于如何实现工具提示显示延迟有什么建议吗？

原文

I am using twitter boostrap (twipsy) to implement tooltip for my web app. I want to add a delay in the tooltip display (say after 2 seconds).

My implementation is as follows (see delay)

%li.friend
  %a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"<%=nick%>'s answers for this question", :delay=> {show:2000}}
    %img{src: "<%= avatar_url %>"}

However, the tooltip still shows up immediately when I mouseover on the avatar.

Any advice on how I can implement the delay in display for the tooltip?

分享到QQ

分享到微博

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

发布评论

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

南…巷孤猫 2025-01-14 05:03:46

试试这个：

%li.friend
  %a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"<%=nick%>'s answers for this question", :delay=> {show:2000, hide: 0}}
    %img{src: "<%= avatar_url %>"}

或者如果你也想延迟隐藏：

%li.friend
  %a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"<%=nick%>'s answers for this question", :delay=> 2000}
    %img{src: "<%= avatar_url %>"}

Try this :

%li.friend
  %a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"<%=nick%>'s answers for this question", :delay=> {show:2000, hide: 0}}
    %img{src: "<%= avatar_url %>"}

Or if you also want a delay for hide :

%li.friend
  %a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"<%=nick%>'s answers for this question", :delay=> 2000}
    %img{src: "<%= avatar_url %>"}

回复收藏 0 原文

~没有更多了~