Пролистывание jQuery на мобильном устройстве с помощью anoSlide

Как сделать слайд слайд на мобильном?

Я использую anoSlide: http://www.anowave.com/factory/anoslide/demo.html.

Это код, который запускает бегунок следующего и предыдущего:

$('.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});
});

javascript jquery jquery-mobile
person brodster    schedule 09.04.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Свойства next и prev предназначены для связывания элемента DOM, такого как кнопка. Это не методы изменения текущего слайда. Вместо этого при пролистывании вы можете инициировать событие щелчка кнопок «предыдущая» и «следующая»:

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

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

ДЕМО

person ezanker    schedule 09.04.2015