Jquery Cycle2滑动手势在任何移动设备上都不起作用

Jquery Cycle2滑动手势在任何移动设备上都不起作用,jquery,jquery-mobile,cycle2,Jquery,Jquery Mobile,Cycle2,我在我的网站上使用Cycle2,希望添加对移动设备上滑动功能的支持 我没有使用jQuery mobile,所以我添加了用于刷卡的。我已经将它添加到一个名为的文件中,该文件在jQuery之后直接加载,所以它应该是可用的 我已将以下内容添加到我的页面中,以使滑动手势正常工作: echo '<div class="cycle-slideshow" data-cycle-pause-on-hover="true" data-cycle-swipe="true" data-cycl

我在我的网站上使用Cycle2,希望添加对移动设备上滑动功能的支持

我没有使用jQuery mobile,所以我添加了用于刷卡的。我已经将它添加到一个名为的文件中,该文件在jQuery之后直接加载,所以它应该是可用的

我已将以下内容添加到我的页面中,以使滑动手势正常工作:

echo '<div class="cycle-slideshow"
   data-cycle-pause-on-hover="true"
   data-cycle-swipe="true"
   data-cycle-swipe-fx="scrollHorz"
   data-cycle-pager=".cycle-pager">';
echo';

但我在手机上没有得到任何回应。我也没有收到任何错误消息。我已经检查过它没有缓存文件,并且插件在
site.js
中,但是我什么都没有得到。它什么也不做。没有刷卡,只是标准的淡入淡出。

我也没有使用Jquery mobile,所以你可以试试这段代码,但它有响应,但不太流畅

添加此插件:

/*为Cycle2刷插件;版权所有(c)2012 M.Alsup;v20141007*/ !函数(a){“使用严格”;a.event.special.swipe=a.event.special.swipe{ScrollSupersionThreshold:10,durationThreshold:1e3,horizontalDistanceThreshold:30,verticalDistanceThreshold:75,setup:function(){var b=a(this);b.bind(“touchstart”,函数(c){function d(b){if(g){var c=b.originalEvent.toucks?b.originalEvent.touchs?b.touchs[0];e={time:(新日期).getTime(),coords:[c.pageX,c.pageY]},Math.abs(g.coords[0]-e.coords[0]>a.event.special.swipe.scrollSuppressionThreshold&&b.preventDefault()}var e,f=c.originalEvent.touchs?c.originalEvent.touchs[0]:c,g={时间:(新日期)。getTime(),coords:[f.pageX,f.pageY],原点:a(c.target)};b.bind(“touchmove”,d),g&&e&&e.time-g.timea.event.special.swipe.horizontalDistanceThreshold&&Math.abs(g.coords[1]-e.coords[1])e.coords[0]?“swipeleft”:“swiperight”,g=e=void 0}}}}},a.event.special.swipleft=a.event.special.swipleft | | | |{设置:函数(){a(this.bind)(“swipe”,a.noop)},a.event.special.swiperight=a.special.swipleft=a.special;

然后在js文件中添加以下代码:

      $('#my-div div.slides').after('<nav id="pagination"></nav>');

      $('#my-div div.slides').cycle(
      {
        fx: "scrollHorz",
        slides: ".slide1",
        timeout: 0,
        speed: 200,
        pager: "#pagination",
        pagerTemplate: "<a href='#'>{{slideNum}}</a>",
        pagerActiveClass: "active",
        **swipe: true**
      });
$('my div.slides')。在('')之后;
$('my div.slides')。循环(
{
特效:“卷轴”,
幻灯片:“.slide1”,
超时:0,
速度:200,,
寻呼机:“分页”,
页面模板:“”,
pagerActiveClass:“活动”,
**刷卡:对**
});