基础5:仅在点击时运行工具提示(如兜风格式)

时间:2014-12-19 15:57:07

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

我想使用foundation 5进行工具提示,只有在点击时显示(在悬停时禁用)并且可以关闭

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

我无法找到修复它的方法,而且文档很少,它怎么可能被黑客攻击?

1 个答案:

答案 0 :(得分:2)

好像你必须修改你正在使用的基础库的来源。在Foundation.lib.tooltip中,它为mouseentermouseleave设置了一个事件监听器。您可能希望删除并且只有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