Foundation 5：仅在单击时运行工具提示（如兜风风格）答案

【问题标题】：Foundation 5: Run tooltip only on click (like joyride style)Foundation 5：仅在单击时运行工具提示（如兜风风格）
【发布时间】：2015-02-18 14:18:48
【问题描述】：

我想要一个使用foundation 5 的工具提示，仅在点击时出现（悬停时禁用），并且可以关闭。

基本上是您在this joyride example 中看到的第一个工具提示，但没有使用joyride。

我找不到修复它的方法，而且文档很少，这怎么可能被黑客入侵？

【问题讨论】：

你试过用 jQuery 做吗？ api.jquery.com/click
@simpe 使用 Foundation.lib.tooltip 原型尝试了 jQuery、JS、CSS。没有任何效果。
当你希望它能够关闭时，你的意思是点击，还是十字什么的？
也许这会有所帮助。 stackoverflow.com/questions/26163088/…
@AwesomeGuy 是的点击（交叉或任何其他可点击的选择元素）

标签： javascript css tooltip zurb-joyride zurb-foundation-5

【解决方案1】：

似乎您必须修改正在使用的基础库的源代码。在 Foundation.lib.tooltip 中，它为mouseenter 和mouseleave 设置了一个事件监听器。你会想要删除并且只有touchstart（用于移动/触摸屏设备）和鼠标点击的听众（我假设这是MSPointerDown所做的）。

参考：https://github.com/zurb/foundation/blob/master/js/foundation/foundation.tooltip.js#L62

我认为您还可以清除第 86 - 92 行上的逻辑，该逻辑仅在用户将鼠标悬停在工具提示上一段时间后才跟随工具提示

https://github.com/zurb/foundation/blob/master/js/foundation/foundation.tooltip.js#L86-L92

【讨论】：

Lidral-Porter 我想过，但是有没有办法让我不用玩源代码？
当然，它变得有点棘手。您必须删除mouseenter 和mouseleave 的事件侦听器。为此，您必须调用 .removeEventListener，它接受 2 个参数：一个类型（即“点击”）和您要删除的侦听器。第二个参数必须是对处理事件的同一函数的引用。有关示例/更多详细信息，请参阅developer.mozilla.org/en-US/docs/Web/API/…