2014-10-02 26 views
5

我必須通過基礎5工具提示上的跨度,像這樣:顯示基金會5上的提示點擊

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

這工作得很好。但是,我想要做的僅僅是當用戶點擊跨度(而不是懸停)時顯示工具提示。然後當你點擊一個關閉按鈕時它會關閉。當我添加data-tooltip-open-event-type="touch"時,我可以在中途獲得一半,但是這增加了兩個工具提示,當我懸停時它仍然消失。

任何想法將不勝感激。看起來奇怪的是,基金會5沒有某種形式的互動內容彈出。

謝謝!

回答

3

只需要自己弄清楚這一點。

要顯示:

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

要隱藏:

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

兩者你能否更詳細地解釋瞭如何使用這個代碼和開放式的事件型實現這一點? – 2014-12-15 14:20:48