使用ZURB Foundation快速点击触控设备?

时间:2013-02-03 23:00:40

标签: touch zurb-foundation

如果我使用ZURB的基础创建自适应网站,我是否需要添加 Fastclick (通过FTLabs)等库,以避免300毫秒的点击延迟触控设备?

似乎图书馆应该包含这个,因为在移动设备上做好事情是其主要目的。

我想,当我想到它时,似乎 fastclick 应该包含在需要在触控设备上展示的每个网站上 - 或者不是......?

3 个答案:

答案 0 :(得分:4)

所有Foundation's Javascript libraries are listed here

  • 的jquery.js
  • jquery.foundation.alerts.js - 添加关闭提醒的功能
  • jquery.foundation.buttons.js - 为下拉按钮添加下拉功能并拆分
  • jquery.foundation.accordion.js - 为手风琴添加打开/关闭功能
  • jquery.foundation.navigation.js - 向导航元素添加功能
  • jquery.foundation.topbar.js - 为顶栏添加功能
  • jquery.foundation.forms.js - 添加创建自定义表单元素的功能
  • jquery.foundation.mediaQueryToggle.js - 添加有用的媒体查询查看器工具
  • jquery.foundation.tabs.js - 向标签添加切换功能
  • jquery.foundation.tooltips.js - 添加工具提示功能
  • jquery.placeholder.js - 向表单添加占位符函数
  • jquery.foundation.orbit.js - 我们的自定义图片/内容滑块插件
  • jquery.foundation.reveal.js - 我们的简单模态插件
  • jquery.foundation.clearing.js - 我们的新图片库插件
  • jquery.foundation.magellan.js - 我们甜美的新粘性导航插件。
  • jquery.foundation.joyride.js - 一个很棒的功能游戏插件。

它们都不包含Fastclick的功能,因此如果您希望避免300ms点击延迟,则 ,然后手动添加Fastclick 。关于它是否“应该包含在触摸设备上显示的每个网站上”,我认为这是个人喜好的问题。

答案 1 :(得分:1)

似乎旧的已接受答案已无效。 Fastclick现在由Foundation使用。

在基础Github仓库中找到这个,在那里搜索“Fastclick”:

Result of Fastclick search in Foundation Github Repo

(来自https://github.com/zurb/foundation/search?utf8=%E2%9C%93&q=fastclick

另外,我在Foundation Github repo上发现了这个:

  // Enable FastClick if present
  $(function () {
    if (typeof FastClick !== 'undefined') {
      // Don't attach to body if undefined
      if (typeof document.body !== 'undefined') {
        FastClick.attach(document.body);
      }
    }
  });

(来自:https://github.com/zurb/foundation/blob/d2c9a9a7e84e53e5eff41ac2f61a8425f0760086/js/foundation/foundation.js

所以,这基本上意味着你可以使用Fastclick如果你愿意,基金会会为你初始化它,但你也可以决定排除你的libs和Fastclick不会被使用。

答案 2 :(得分:0)

http://foundation.zurb.com/docs/javascript.html Doc说使用它,我不确定没有它会出现什么问题