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

Question

我正在使用twitter boostrap（twipsy）来实现我的web应用程序的工具提示。我想在工具提示显示中添加延迟（例如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 %>"} 

然而，工具提示仍然会立即显示，当鼠标悬停我的头像。

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

Answer 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 %>"}