jquery移动滑动延迟？

Question

我在实习期间尝试为移动应用实现简单的滑动。在我将它实施到我的项目之前，我首先做了一个例子。当我向左滑动时，我将被重定向到下一页。但是，当我尝试向右滑动以返回上一页时，我需要大约 4 次尝试才能返回。

index.html

      *{
        padding: 0;
        margin: 0;
    }

    div{
        max-width: 1024px;
        width: 100%;
        height: 768px;
        background: green;
    }


    <div></div>

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4 
/jquery.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5
/jquery.mobile.min.js"></script>
<script>

    $("div").on("swipeleft",function(){
     window.location = "nextpage.html";
    });

    });

</script>

下一页.html

   *{
        padding: 0;
        margin: 0;
    }

     div{
        max-width: 1024px;
        width: 100%;
        height: 768px;
        background: blue;
    }

    <div></div>

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4 
/jquery.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5
/jquery.mobile.min.js"></script>
<script>

    $("div").on("swiperight",function(){
     window.location = "index.html";
    });

    });

</script>

Answer 1

您是否尝试调整滑动阈值以使右侧滑动更灵敏？我猜这与您的右滑动略微倾斜或更短（可能刚好足以落在阈值之外）有关。

尝试在第二页的滑动处理程序之前添加以下行。如果您的滑动仍然无法识别，请尝试进一步更改阈值。

// this is the distance you have to drag your finger across to be recognized as a swipe - default is 30px. Decrease this.
$.event.special.swipe.horizontalDistanceThreshold = 10;
// this is the amount of vertical leeway you get before your horizontal swipe is NOT treated as a horizontal swipe - default is 75px. Increase this.
$.event.special.swipe.verticalDistanceThreshold = 100;
// this is the amount of time you get to drag your finger across and make the thresholds - default is 1000 = 1s. Increase this.
$.event.special.swipe.durationThreshold = 2000;