在Click上显示Foundation 5 Tooltip

时间:2014-10-02 14:28:43

标签: tooltip zurb-foundation

我在跨度上有一个基础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不会出现某种形式的互动内容,这似乎很奇怪。

谢谢!

2 个答案:

答案 0 :(得分:3)

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

显示:

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

隐藏:

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

答案 1 :(得分:0)

Ron Marcelle已在Foundation tooltip source中找到它:

  

Foundation.libs.tooltip.showTip(jQuery(“。has-tip”));

取自How can i make Foundation tooltip show on focus?