私は jquerymobile (1.3.1) アプリケーションを構築しており、Jquery-UI のドラッグ可能なタッチパンチを使用して、モバイル デバイスでタッチ イベントを有効にしています。
私は長いリストビューを持っています。リストビューの各要素は、x 軸でのみ左右に 10 ピクセルドラッグできます。
問題は、そのリストビューを下にスクロールできないことです。ドラッグが開始されるためです。
ドラッグ可能なの距離とscrollSensitivityプロパティで遊んでみましたが、成功しませんでした。
さらに、私はこの SO ソリューションを見つけましたが、それも助けにはなりません。
基本的に私が必要とするのは(少なくとも私はそう思う)、最初に(開始後100ミリ秒としましょう)デルタY>デルタXかどうかを知り、そうであればドラッグ可能をキャンセルすることです。
どんな助けでも大歓迎です。
var attachDrag = function(selector){
//alert("function attache drag")
$(selector).draggable({
axis: "x",
revert: true,
revertDuration: 50,
//scroll: true,
//distance: 20,
//scrollSensitivity: 10,
//containment: [-20, 0, 20, 0],
containment: "document",
//iframeFix: true,
start: function(event, ui) {
start = ui.position.left;
},
stop: function(event, ui) {
var tagid = $(event.target).attr("data-tagid");
sessionVars.setTagId(tagid);
stop = ui.position.left;
if (start < stop){//move right - rename
$('#popupTag').popup("open");
}else{ //move left - delete
$('#popupTag').popup("open");
}
}
});
}