Question

如何在移动设备上滑动幻灯片？

我正在使用anoSlide：http://www.anowave.com/factory/anoslide/demo.html。

这是触发下一个滑块和prev。的代码：

$('.carousel ul').anoSlide(
{
    items: 1,
    speed: 500,
    prev: 'a.prev',
    next: 'a.next',
    lazy: true,
    auto: 4000
})

向左或向右滑动时是否可以触发下一个上一个按钮？

到目前为止，我有这个，但它不起作用：

$('.carousel-contentList').on("swiperight",function(){
    $(this).anoSlide({next: next});
});

$('.carousel-contentList').on("swipeleft",function(){
    $(this).anoSlide({prev: prev});
});

Answer 1

next和prev属性用于关联像按钮这样的DOM元素。它们不是更改当前幻灯片的方法。而不是滑动，您可以触发prev和next按钮的click事件：

$('.carousel').on("swiperight",function(){
    $('a.prev').click();
});

$('.carousel').on("swipeleft",function(){
    $('a.next').click();
});

<强> DEMO

jQuery使用anoSlide在移动设备上滑动

1 个答案: