我正在尝试将滑动功能添加到我的网站的移动版本中。
使用 TouchSwipe 插件,请参阅此link
这是捕获 swipeLeft 事件
的代码用户$(".slider img").swipe(function(){
swipeLeft:function(event, direction, distance, duration, fingerCount) {
clearTimeout(timerSlider_id);
var $current = $('.get_data_from').removeClass('get_data_from');
var $next = $current.next();
if($next.length == 0) $next = $('.slider_bottom .section:first-child');
$next.addClass('get_data_from');
slider_load_data();
timerSlider_id = setTimeout(slider_rotation,7000);
}
});
但它不起作用..任何人都可以帮助我解决这个问题
提前致谢
答案 0 :(得分:1)
.swipe()
的参数是一个对象,而不是一个函数。它应该是:
$(".slider img").swipe({
swipeLeft:function(event, direction, distance, duration, fingerCount) {
clearTimeout(timerSlider_id);
var $current = $('.get_data_from').removeClass('get_data_from');
var $next = $current.next();
if($next.length == 0) $next = $('.slider_bottom .section:first-child');
$next.addClass('get_data_from');
slider_load_data();
timerSlider_id = setTimeout(slider_rotation,7000);
}
});
你有一个对象的正确语法,但你在一个函数的主体中有一个语句是预期的。