2

我有一个小问题，我只注意到一个人有同样的问题（但没有解决方案）！我正在使用 Zurb's Foundation 创建一个响应式网站。Foundation 附带了几个有用的工具，其中一个是 Tooltip。

在一个网站中，我使用工具提示来告诉用户单击图标时将要做什么。然而！工具提示在 mouseenter.. 时显示。众所周知，移动设备上没有真正的 mouseenter 事件，这就是问题所在。例如，当用户单击过滤器按钮时，不会为他/她提供按钮的功能，而是显示工具提示。

到目前为止还不是真正的问题，通常使用悬停/鼠标输入操作只需单击两次，但单击两次并不能解决问题。

所以.. 快速的小问题是：有没有办法禁用 has-tooltip 功能？当我输入这个时，我觉得我找到了一个解决方案..所以也许不需要帮助，..但是。我不可能是现在或将来唯一遇到这个问题的人，所以问这个问题也许很好！

感谢您的帮助，如果我找到自己的解决方案，我会在下面发表评论！:)

4

4 回答 4

4

还有这个：

$(document).foundation('tooltip', 'off');

通过http://foundation.zurb.com/docs/javascript.html

于 2013-04-02T17:01:46.577 回答
3

您可以根据touch属性限制对工具提示函数的调用：

if($("html").hasClass("no-touch")) {
    $(document).foundationTooltips();
}
于 2013-02-11T10:23:23.717 回答
2

Foundation 4 支持在数据参数中禁用触摸设备的功能。

data-options="disable-for-touch: true"

例子：

<li id="print_button" class="has-tip" data-options="disable-for-touch: true" title="Print Take Five" class="none">
   <a href="">Print</a>
</li>

来源：

{
  selector : '.has-tip',
  additionalInheritableClasses : [],
  tooltipClass : '.tooltip',
  disable-for-touch: false,
  tipTemplate : function (selector, content) {
    return '<span data-selector="' + selector + '" class="'
      + Foundation.libs.tooltips.settings.tooltipClass.substring(1)
      + '">' + content + '<span class="nub"></span></span>';
  }
}
于 2013-08-28T08:17:21.283 回答
0

唯一适用于 Foundation 5.1.0 的是：

Foundation.libs.tooltip.settings.disable_for_touch = true;

于 2014-05-16T13:37:33.457 回答