jquery-mobile - jQuery Mobile slider /旋转木马

Question

我需要制作一个与本页中的非常相似的 jQuery“旋转木马”:http://m.henrys.com/

有很多“旋转木马”jQuery 插件，但如何将旋转木马下一个/上一个页面 Action 绑定(bind)到“滑动”手机/平板电脑手势？

Answer 1

要么为此使用 JQM 插件(我见过一些可用的)，要么添加自己的触摸事件管理并在所选插件上手动调用 next/prev。

例如，

$(document).swiperight(function(){
  jqPlugin.goPrev();
});

$(document).swipeleft(function(){
  jqPlugin.goNext();
});

有关 JQM 事件的更多详细信息可以在他们的 documentation 中找到