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