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

时间:2012-02-20 07:22:17

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

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

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

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

1 个答案:

答案 0 :(得分: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 %>"}