我使用twitter boostrap(twipsy)为我的网络应用程序实现工具提示。我想在工具提示显示中添加延迟(比如2秒后)。
我的实施如下(见延迟)
%li.friend
%a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"<%=nick%>'s answers for this question", :delay=> {show:2000}}
%img{src: "<%= avatar_url %>"}
但是,当我将鼠标悬停在头像上时,工具提示仍会立即显示。
关于如何实现工具提示的显示延迟的任何建议?
答案 0 :(得分:1)
试试这个:
%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 %>"}