显示基金会5上的提示点击

Question

我必须通过基础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没有某种形式的互动内容弹出。

谢谢！

Answer 1

只需要自己弄清楚这一点。

要显示：

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

要隐藏：

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

Answer 2

Ron Marcelle发现它Foundation tooltip source：

Foundation.libs.tooltip.showTip（jQuery的（“.has-tip”））;

从How can i make Foundation tooltip show on focus?