【问题标题】: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 没有针对交互式内容弹出某种形式,这似乎很奇怪。

谢谢!

【问题讨论】:

    标签: tooltip zurb-foundation


    【解决方案1】:

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

    展示:

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

    隐藏:

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

    【讨论】:

    • 您能否更详细地解释一下您是如何使用此代码和 open-event-type 实现这一目标的?
    【解决方案2】:

    Ron MarcelleFoundation tooltip source 中找到它:

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

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

    【讨论】:

      猜你喜欢
      • 2015-02-18
      • 1970-01-01
      • 1970-01-01
      • 2020-07-28
      • 2015-12-31
      • 1970-01-01
      • 2011-11-13
      • 1970-01-01
      • 2022-11-18
      相关资源
      最近更新 更多