質問

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

ただし、ツールチップは、アバターでマウスオーバーするとすぐに表示されます。

ツールチップのディスプレイの遅延をどのように実装できるかについてのアドバイスはありますか?

役に立ちましたか?

解決

これを試して :

%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 %>"}
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top