Visualizza Foundation 5 Tooltip su Clicca

Question

Ho un suggerimento attraverso fondazione 5 su un arco, in questo modo:

<span data-tooltip aria-haspopup="true" class="has-tip tip-top" title="My tool tip"><i class="fi-pricetag-multiple size-21"></i></span>

Questo funziona bene. Tuttavia, quello che mi piacerebbe fare è mostrare la descrizione solo quando un utente fa clic sullo span (invece di passare il mouse). Quindi si chiude quando si fa clic sul pulsante di chiusura. Sono in grado di arrivare a metà strada quando aggiungo lo data-tooltip-open-event-type="touch" ma questo aggiunge due tooltip e scompare quando torno.

Ogni pensiero sarebbe molto apprezzato. Sembra strano che la fondazione 5 non abbia una sorta di pop-out per contenuti interattivi.

Grazie!

Answer 1

Solo bisogno di capirlo anche per me.

Per mostrare:

Foundation.libs.tooltip.getTip($('#yourId')).show() 

Per nascondere:

Foundation.libs.tooltip.getTip($('#yourId')).hide() 

Answer 2

Ron Marcelle ha trovato in Foundation tooltip source:

Foundation.libs.tooltip.showTip (jQuery (".has-tip"));

Tratto da How can i make Foundation tooltip show on focus?