Tooltip non scompare dopo la carica di una nuova pagina
-
27-10-2019 - |
Domanda
Sto usando Twitter Boostrap per implementare ToolTip per la mia app Web (Twipsy)
La mia implementazione è la seguente:
%li.friend
%a{:href=>"#!/<%=nick%>/<%=question_slug%>", :rel=>"twipsy", :title=>"click to see xxxx's muse"}
%img{src: "<%= avatar_url %>"}
La sequenza dei passaggi è la seguente: 1) Hover sull'avatar che voglio fare clic => ToolTip appare sopra Avatar (nessun problema)
2) Fare clic su Avatar per caricare una nuova pagina
3) La nuova pagina viene caricata ma la descrizione degli strumenti mostrata in 1) non è scomparsa e rimane semplicemente visualizzata nella pagina appena caricata.
Esistono parametri aggiuntivi che devo impostare per garantire che la descrizione degli strumenti scompaia nel passaggio 3)?
Soluzione
Poiché la titoli di strumento attiva il mousenter e lascia quando si fa clic sull'elemento e la struttura DOM viene sostituita con una nuova pagina, la mouseleave sull'avatar non viene mai attivata poiché l'elemento veniva rimosso a livello di programmazione mentre il mouse si librava su di esso.
Per risolvere che devi chiamare il .tooltip('hide')
Metodo quando fai clic sull'avatar.