Cómo implementar el retraso en mostrar la información sobre herramientas de Twipsy

Question

Estoy usando Twitter Boostrap (Twipsy) para implementar la información sobre herramientas para mi aplicación web. Quiero agregar un retraso en la pantalla de información sobre herramientas (por ejemplo, después de 2 segundos).

Mi implementación es la siguiente (ver retraso)

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

Sin embargo, la información sobre herramientas todavía aparece inmediatamente cuando me rousever en el avatar.

¿Algún consejo sobre cómo puedo implementar el retraso en la pantalla para la información sobre herramientas?

Answer 1

Prueba esto :

%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 si también desea un retraso para Ocultar:

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