http://labs.skinkers.com/touchSwipe/
タッチイベント用のプラグインを使用しています。主な問題は、ラッパー要素にスワイプ イベントをアタッチすると、他のすべてのイベントが妨げられることです。デスクトップ ブラウザでは動作しますが、iPad では動作しません。
ターゲット要素の伝播を停止しようとしましたが、まだ問題があります。
_pager.prototype.initialize = function () {
"use strict";
var base = this;
//cursorPosition();
base.$container.swipe({
swipeUp : function (e, direction, distance, duration, fingerCount) {
if ($(event.target).hasClass('inner-wrapper')) {
base.$container.transition({ y : -674 }, 500, 'out')
}
},
swipeDown : function (e, direction, distance, duration, fingerCount) {
if ($(event.target).hasClass('inner-wrapper')) {
base.$container.transition({ y : 0 }, 500, 'out')
}
}
});
}