jQuery geser di ponsel menggunakan anoSlide

Bagaimana cara melakukan gesekan slide di ponsel?

Saya menggunakan anoSlide: http://www.anowave.com/factory/anoslide/demo.html.

Ini adalah kode yang memicu penggeser berikutnya dan sebelumnya:

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

Apakah mungkin untuk memicu tombol berikutnya, sebelumnya saat menggeser ke kiri atau kanan?

Sejauh ini saya punya ini tetapi tidak berfungsi:

$('.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 sumber

Jawaban (1)


arrow_upward
0
arrow_downward

Properti berikutnya dan sebelumnya adalah untuk mengaitkan elemen DOM seperti tombol. Itu bukanlah metode untuk mengubah slide saat ini. Alih-alih menggesek, Anda dapat memicu peristiwa klik pada tombol sebelumnya dan berikutnya:

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

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

DEMO

person ezanker    schedule 09.04.2015