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

คุณสมบัติถัดไปและก่อนหน้าใช้สำหรับการเชื่อมโยงองค์ประกอบ DOM เช่นปุ่ม ไม่ใช่วิธีการเปลี่ยนสไลด์ปัจจุบัน แทนที่จะใช้การปัด คุณสามารถทริกเกอร์เหตุการณ์การคลิกของปุ่มก่อนหน้าและปุ่มถัดไปได้:

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

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

สาธิต

person ezanker    schedule 09.04.2015