tooltip - 单击时显示 Foundation 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" 时，我就能到达一半了。但这会添加两个工具提示，当我将鼠标悬停时它仍然会消失。

任何想法将不胜感激。 Foundation 5 没有某种形式的交互式内容弹出窗口，这似乎很奇怪。

谢谢!

Answer 1

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

显示:

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

隐藏:

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