多くの投稿を見て、jQuery を使用してカスタム イベントをバインドすることについて質問しましたが、見つけることができるすべての適切な例には、インライン関数 (バインドの一部として定義されています) があります。カスタム バインドから定義済みの関数を呼び出そうとしています。私が何をしているのかを説明するために、現在、次のような HTML 要素にバインドされたカスタム イベントがあります。
<div id="page" ontouchstart="touchStart(event,'swipeBox');" ontouchend="touchEnd(event, leftSwipe, rightSwipe, downSwipe, upSwipe);" ontouchmove="touchMove(event);" ontouchcancel="touchCancel(event);">
jQueryでそれをやりたいので、他のイベントに基づいてバインディングを制御できますが、私の人生ではそれを機能させることはできません。タッチイベントの発生に関して次のように機能していることはわかっていますが、スワイプ機能が機能しない理由:
$('#page').bind('touchstart', function(event){touchStart(event, 'page')});
$('#page').bind('touchend', function(event){touchEnd(event, '/overview/', '/contact/', '/contact/', '/')});
$('#page').bind('touchmove', function(event){touchMove(event)});
$('#page').bind('touchcancel', function(event){alert('touchCancel'); touchCancel(event)});
ここで見ることができる HTML でバインドが行われることを除いて、同じ JS を使用して正しく動作するスワイプの例があります (上記のように): http://sr.spark-storm.com/about/
次に、jQuery (スワイプ用の同じ JS ライブラリ) を使用してバインドしようとする試みは次のとおりです: http://sr.spark-storm.com/
ご覧のとおり、これらは非常に単純なページであり、実際にはマークアップはほとんどありません。