如何在显示 twipsy 工具提示时实现延迟答案

【问题标题】：How to implement delay in showing twipsy tooltip如何在显示 twipsy 工具提示时实现延迟
【发布时间】：2012-02-20 07:22:17
【问题描述】：

我正在使用 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 %>"}

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

关于如何实现工具提示显示延迟的任何建议？

【问题讨论】：

标签： backbone.js tooltip haml delay twitter-bootstrap

【解决方案1】：

试试这个：

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

【讨论】：