Zepto.js 滑块还是 jQuery 滑块?

Posted

技术标签:

【中文标题】Zepto.js 滑块还是 jQuery 滑块?【英文标题】:Zepto.js Slider or jQuery Slider? 【发布时间】:2013-02-25 14:42:24 【问题描述】:

是否有任何滑块可以使用 Zepto.js 而不是 jQuery,并且支持 Zepto 提供的触摸事件?

我应该坚持使用 jQuery 并使用诸如hammer.js 之类的插件触发滑块触摸事件http://eightmedia.github.com/hammer.js/

由于 jQuery 在谷歌的 CDN 上,我认为下载时间不是问题。

有人在移动网络项目中成功使用过 zepto.js 吗?

【问题讨论】:

【参考方案1】:

哇,这是许多不同的问题。如下:

1 & 2) 有许多滑块/轮播默认支持触摸事件,例如FlexSlider。 FlexSlider 与许多 jQuery 插件或扩展一样,需要 jQuery。然而,由于 Zepto 与 jQuery 是 API 兼容的,因此 FlexSlider 很可能与 jQuery 一起开箱即用。我只需在代码中搜索对 jQuery 的引用并更改为 Zepto 或 $。但是,FlexSlider 目前有一个Win 8 bug,这可能会让您无法使用它。在这种情况下,我建议使用流行的 Bootstrap 轮播并插入您自己的触摸事件,如 this article 中所述。这篇文章描述了如何使用 jQuery Mobile 触摸事件,但使用 Zepto 触摸事件同样容易。相反,如果您想在 jQuery 中使用 Zepto 触摸事件,这也很容易实现。它需要一些小的修改(你可以获取我的补丁版本here)。

3) 虽然 Google CDN 不托管 Zepto,但您可以在 Cloudflare's cdnjs 上找到它。甚至有人建议cdnjs may be faster than Google CDN。

4) 是的,我在移动项目中使用过 Zepto。它运行良好,并且比 jQuery 轻一些,后者提供了在移动设备上几乎不需要的向后兼容性。

【讨论】:

以上是关于Zepto.js 滑块还是 jQuery 滑块?的主要内容,如果未能解决你的问题,请参考以下文章

jquery-tab切换,切换时滑块跟随鼠标滑动

ExtJS 滑块 z-index 问题

两个滑块之间的jQuery冲突

通过滑块在世界空间中围绕轴 x、y、z 旋转图元

jquery滑块,上面的值与滑块一起移动

单击滑块轨道时获取 Jquery-UI 滑块值?