JQtouch 滑动事件/轮播答案

【问题标题】：JQtouch swipe event/carouselJQtouch 滑动事件/轮播
【发布时间】：2011-10-18 13:57:12
【问题描述】：

好吧，我想要的不是幻灯片。我的具体目标是拥有一个包含一定数量 div 的容器，并且用户可以在所述 div 中滑动。如果有人熟悉 Sencha touch，我正在寻找类似轮播面板的东西。具体来说，它将是一个包含人物照片和描述的人物页面。因此，在进行了研究之后，我遇到了一些选择，其中一个是......

 $(function(){
                 // This prevents scrolling
                $('#jqt').bind('touchmove',function(){
                    event.preventDefault();
                });
                $('#p1').bind("swipe",function(event, info){
                    if (info.direction === 'left') {
                        jQT.goTo($('#p2'), 'slideleft');
                                        }
                });
            });

我对这个选项的问题是它会滑动整个页面，甚至是工具栏。我也没有对样式做正确的事情。是否有任何扩展允许这种类型的操作？甚至是一种编码方式？

【问题讨论】：

没有使用太多 jQtouch 但是使用 jQuery Mobile，您可以通过实时方法将滑动附加到容器，并且只有滑动的项目会注册滑动，然后您可以将动画应用于该容器内的元素；在 jQuery Mobile 中类似于 $('#container').live('swipeleft', function(){ alert('swiped left'); });

标签： jquery mobile jqtouch

【解决方案1】：

jq.mobi 有一些插件用于旋转木马之类的东西： https://github.com/appMobi/jQ.Mobi/tree/master/plugins

您可以使用该代码作为起点。 jq.mobi 本身有点年轻，但您可以使用该代码作为 zepto 插件的起点。

【讨论】：