So implementieren Sie die Verzögerung bei der Anzeige von Twipsy Tooltip

Question

Ich verwende Twitter Boostrap (Twipsy), um Tooltip für meine Web -App zu implementieren. Ich möchte eine Verzögerung im Tooltip -Display hinzufügen (z. B. nach 2 Sekunden).

Meine Implementierung ist wie folgt (siehe Verzögerung)

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

Das Tooltip wird jedoch immer noch sofort angezeigt, wenn ich auf dem Avatar stehe.

Irgendwelche Ratschläge, wie ich die Verzögerung der Anzeige für den Tooltip implementieren kann?

Answer 1

Versuche dies :

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

Oder wenn Sie auch eine Verzögerung für Versteck wünschen:

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