单击时显示 Foundation 5 工具提示答案

【问题标题】：Show Foundation 5 Tooltip on Click单击时显示 Foundation 5 工具提示
【发布时间】：2014-10-02 14:28:43
【问题描述】：

我在跨度上通过基础 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 没有针对交互式内容弹出某种形式，这似乎很奇怪。

谢谢！

【问题讨论】：

【解决方案1】：

我也需要自己解决这个问题。

展示：

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

隐藏：

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

【讨论】：

【解决方案2】：

Ron Marcelle 在Foundation tooltip source 中找到它：

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

【讨论】：