0

私は 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");
        }

    }       
}); 
}
4

0 に答える 0