jquery - 使用 jQuery touchwipe 对某些擦除进行默认擦除

Question

我正在使用这个很棒的插件来捕获移动设备上的擦除事件：http: //www.netcu.de/jquery-touchwipe-iphone-ipad-library

我正在使用该页面源代码中的代码来让我的图片库按原样循环。但是，我的图片库是屏幕的整个宽度。不幸的是，touchwipe 似乎阻止了默认的上下擦除页面上下滚动。有没有办法让它使用默认行为，除非指定了其他行为？

$(document).ready(function() {
    $('#imagegallery').cycle({
        timeout: 0,
        fx: 'scrollHorz',
        next: '#next',
        prev: '#prev' 
    });

    $("#imagegallery").touchwipe({
        wipeLeft: function() {
            $("#imagegallery").cycle("next");
        },
        wipeRight: function() {
            $("#imagegallery").cycle("prev");
        }
    });
});

我也对实现相同效果的其他替代方案持开放态度（其他插件，其他方法）。谢谢！

Answer 1

使用 jquery.touchwipe 库的这个小补丁：

if(Math.abs(dx) >= config.min_move_x) {
     cancelTouch();
     if(dx > 0) {
-        config.wipeLeft();
+        config.wipeLeft(e);
     }
     else {
-        config.wipeRight();
+        config.wipeRight(e);
     }
  }
  else if(Math.abs(dy) >= config.min_move_y) {
     cancelTouch();
     if(dy > 0) {
-        config.wipeDown();
+        config.wipeDown(e);
     }
     else {
-        config.wipeUp();
+        config.wipeUp(e);
     }
  }

然后，您可以更改代码以选择性地调用 e.preventDefault()：

$(document).ready(function() {
    $('#imagegallery').cycle({
        timeout: 0,
        fx: 'scrollHorz',
        next: '#next',
        prev: '#prev' 
    });

    $("#imagegallery").touchwipe({
        wipeLeft: function(e) {
            e.preventDefault();
            $("#imagegallery").cycle("next");
        },
        wipeRight: function(e) {
            e.preventDefault();
            $("#imagegallery").cycle("prev");
        },
        preventDefaultEvents: false
    });
});

（我已将补丁提交给插件作者。）

Answer 2

我找到了一个部分有效的临时答案，在这里找到：http: //plugins.jquery.com/content/vertical-scroll

不过最好能得到更好的答案。