如何通過按上，使滑塊移動和向下箭頭

Question

您好我試圖使按向上和向下箭頭，我想這代碼這個滑塊移動，但它不能正常

工作的jsfiddle Here

$("body").keydown(function(e) { 
    if(e.keyCode == 38) { // top 
    $(".swiper-slide").animate({ 
     top: "-=518" 
    }); 
    } 
    else if(e.keyCode == 40) { // bottom 
    $(".swiper-slide").animate({ 
     bottom: "+=518" 
    }); 
    } 
}); 

Answer 1

您正在使用的組隊，探索圖書館去下一個和上一張幻燈片的方法（你可以看到這個庫，這裏的整個API文檔：http://idangero.us/swiper/api/）

var mySwiper = new Swiper(".swiper-container", { 
    direction: "vertical", 
    loop: false, 
    pagination: ".swiper-pagination", 
    grabCursor: true, 
    speed: 1000, 
    paginationClickable: true, 
    parallax: true, 
    autoplay: false, 
    effect: "slide", 
    mousewheelControl: 1 
}); 

$("body").keydown(function(e) { 
    if(e.keyCode == 38) { // top 
    mySwiper.slidePrev(); 
    } 
    else if(e.keyCode == 40) { // bottom 
    mySwiper.slideNext(); 
    } 
}); 

https://jsfiddle.net/h1atwcyy/

Answer 2

爲什麼不trigger the click動作，讓鍵盤做同樣的鼠標點擊會做..

$("body").keydown(function(e) { 

    if(e.keyCode == 38) { // top 
    $('.swiper-pagination-bullet-active').prev().trigger('click'); 
    } 
    else if(e.keyCode == 40) { // bottom 
    $('.swiper-pagination-bullet-active').next().trigger('click'); 
    } 
}); 

https://jsfiddle.net/83h6wb5s/5/