Jquery 将触摸滑动添加到responsiveslides.js

Jquery 将触摸滑动添加到responsiveslides.js,jquery,touch,swipe,responsive-slides,Jquery,Touch,Swipe,Responsive Slides,我目前正在尝试添加在幻灯片之间在触摸设备上左右滑动的功能。我正在使用和 我知道有两种插件,但我喜欢rs的简单性,touchSwipe似乎非常方便 在响应幻灯片中,可以使用manualControls进行手动控制,但我认为这可能只适用于选择器。我可以检查是否发生了刷卡事件,但我不确定如何将其绑定到下一个和上一个触发器 $(function () { $(".rslides").responsiveSlides({ auto: true,

我目前正在尝试添加在幻灯片之间在触摸设备上左右滑动的功能。我正在使用和

我知道有两种插件,但我喜欢rs的简单性,touchSwipe似乎非常方便

在响应幻灯片中,可以使用manualControls进行手动控制,但我认为这可能只适用于选择器。我可以检查是否发生了刷卡事件,但我不确定如何将其绑定到下一个和上一个触发器

    $(function () {
        $(".rslides").responsiveSlides({
            auto: true,
            pager: false,
            speed: 400,
            timeout: 5000, 
            nav: false,
            prevText: "",
            nextText: "",
            navContainer: "",
            manualControls: function(){
                swipeSlides();             
            }
        });

        function swipeSlides(){
            $(".rslides").swipe( {
                swipe:function(event, direction) { 
                console.log("you swiped " + direction);

                if (direction == "right"){
                    console.log("right");
                }
                if (direction == "left"){
                    console.log("left");
                }
            },
            threshold:0
            });
        }       
        swipeSlides();          
    });

谢谢大家!

您可能已经解决了这个问题,但对于遇到类似问题的人,我就是这么做的

$(".castle-bg").responsiveSlides({
    nav: true,
    pager: true,
    navContainer: "#pager"
});
$(".castle-bg").swipe( {
    swipeLeft: function(){
        $(".rslides_nav.prev").click();
    },
    swipeRight: function(){
        $(".rslides_nav.next").click();
    }
});
然后使用css隐藏实际的prev和next按钮