当前位置: 首页 > 知识库问答 >
问题:

单击时显示Foundation 5工具提示

慕学海
2023-03-14

我在一个跨度上有一个通过foundation 5的工具提示,如下所示:

这个很管用。然而,我想做的只是在用户单击span(而不是悬停)时显示工具提示。然后单击“关闭”按钮时关闭。当我添加data-tooltip-open-event-type=“touch”时,我可以做到一半,但这增加了两个工具提示,当我悬停时仍然会感到失望。

任何想法都将不胜感激。Foundation5没有一些交互式内容的弹出,这似乎很奇怪。

谢谢!

共有2个答案

柯树
2023-03-14

Ron Marcelle在Foundation tooltip Source:

foundation.libs.tooltip.showtip(jQuery(“.has-tip”));

摘自《我如何使基础工具提示在焦点上显示》?

况野
2023-03-14

我自己也想弄明白。

显示:

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

隐藏:

Foundation.libs.tooltip.getTip($('#yourId')).hide()
 类似资料:
  • 我正在尝试在单击事件上显示/隐藏jquery ui工具提示。此外,我不希望它显示隐藏在鼠标输入/离开。 这是一个带有普通工具提示的小提琴:http://jsfiddle.net/Michael_0/sLhD9/(不幸的是jsfiddle似乎无法包含来自google cdn的jquery-用户界面?)。 我的想法是在初始化时禁用工具提示,然后在显示之前单击启用它,它可以工作,但我无法阻止工具提示在鼠

  • 我在我的类的构造函数中使用了这段代码。 当鼠标进入时,println语句会打印到控制台,但其他两个工具提示方法不会显示相关的工具提示。这里的combobox是swing combobox的一个实例字段。settooltip方法不显示工具提示的原因是什么?

  • 我是Angular和Antd的新手,正在尝试在Antd图标上实现一个简单的工具提示。根据https://ng.ant.design/components/tooltip/en中给出的示例,代码看起来是正确的,虽然我确实得到了预期的图标,但悬停在它上面并不会显示工具提示。 在我的app.module.ts文件中: 在我的声明数组中: 并且在我的导入数组中: 最后,这里是我的tooltip.compo

  • 我想写一篇文章在我的标题,但有一个字是一个像“链接”或“a”点击链接。标题只等待一个字符串。

  • 我试图在qtip中的图像上显示jQuery UI工具提示。现在,工具提示显示在工具提示后面。你知道怎么把它展示在它面前吗? 小提琴在这里:http://jsfiddle.net/wYM2Q/ 将鼠标移到文本“bind qtip to this”上。然后将鼠标悬停在qtip内的图像上。你会看到qtip后面显示的工具提示,我想在它前面显示。

  • 我真的很喜欢这个CSS工具提示的解决方案,我自己也用过一段时间了。但是我遇到了一个我以前从未遇到过的问题,多个工具提示的内容相互重叠,我不确定如何最好地解决它。 提到的解决方案基于管理绝对定位工具提示内容的