Twipsy Tooltipを表示する際に遅延を実装する方法
-
28-10-2019 - |
質問
Twitter Boostrap(Twipsy)を使用して、Webアプリにツールチップを実装しています。ツールチップディスプレイに遅延を追加したい(たとえば2秒後)。
私の実装は次のとおりです(遅延を参照)
%li.friend
%a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"<%=nick%>'s answers for this question", :delay=> {show:2000}}
%img{src: "<%= avatar_url %>"}
ただし、ツールチップは、アバターでマウスオーバーするとすぐに表示されます。
ツールチップのディスプレイの遅延をどのように実装できるかについてのアドバイスはありますか?
解決
これを試して :
%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 %>"}
所属していません StackOverflow