Come implementare il ritardo nel mostrare la titoli di Twipsy

Question

Sto usando Twitter Boostrap (TIPSY) per implementare ToolTip per la mia app Web. Voglio aggiungere un ritardo nel display Tooltip (diciamo dopo 2 secondi).

La mia implementazione è la seguente (vedi ritardo)

%li.friend
  %a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"<%=nick%>&#39;s answers for this question", :delay=> {show:2000}}
    %img{src: "<%= avatar_url %>"}

Tuttavia, la descrizione degli strumenti si presenta ancora immediatamente quando mi muovo sull'avatar.

Qualche consiglio su come posso implementare il ritardo nella visualizzazione per la titoli?

Answer 1

Prova questo :

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

O se vuoi anche un ritardo per nascondersi:

%li.friend
  %a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"<%=nick%>&#39;s answers for this question", :delay=> 2000}
    %img{src: "<%= avatar_url %>"}