Javascript 滚动在某些情况下不在listview上工作-JQM

我搜索了网络和这个网站，但没有找到适合我的问题的解决方案

情况：-我有一个JQM基本页面，上面有列表视图。 -一些活动涉及刷卡等

问题：-当我通过单击某个项目并按住它并向下或向上滑动滚动列表时，它会完美地滚动，但当我释放屏幕然后再次滚动该列表项目时，它什么也不做

我制作了一个jsfiddle在手机上复制它： *这是代码*：

$（文档）。在（'click'，'ul li a'，function（）上{
$（'h3'）.css（“颜色”、“橙色”）；
});
$（文档）.on（“swipeleft swiperight”，函数（e）{
如果（e.type==“swipeleft”）
$（“h3”）.css（“颜色”、“蓝色”）；
其他的
$（“h3”）.css（“颜色”、“绿色”）；
});
试验

阿奎尔
塔切斯
你呢
档案
Paramètres
阿奎尔
塔切斯
你呢
档案
Paramètres
阿奎尔
塔切斯
你呢
档案
Paramètres
阿奎尔
塔切斯
你呢
档案
Paramètres

---

你能给我一些关于如何解决这个问题的建议或提示吗？滚动后，按钮似乎处于待机状态

提前谢谢

---

---

PS：实际上，只有在滚动项目文本时才会发生这种情况，释放滚动，从该项目再次滚动，但不在文本上（在按钮本身上，但在锚文本之外）这是由JQM中的错误引起的，该错误已解决，但尚未实现

基本上，滑动事件测量的最小距离必须考虑设备的像素密度。因此，在JQM的情况下，对touch.js的以下更改将解决此问题：

horizontalDistanceThreshold = window.devicePixelRatio >= 2 ? 15 : 30;
verticalDistanceThreshold = window.devicePixelRatio >= 2 ? 15 : 30; 

---

只是想澄清一下，你期望发生什么？我希望我的列表在任何情况下都能上下滚动，而不是让按钮冻结，列表不移动。我无法在iPhone 5 safari上重现这个问题。Scroll和swipe一样工作。我无法在iOS上测试它，但在我的Google Nexus 5或其他Android设备上，我遇到了这个问题。请注意，Android遇到了

溢出：Scroll

问题。如果你删除它，让content div处理滚动，这个问题应该会消失。我也有一个类似的问题，一些用户报告listview被冻结了。我在JQM文件夹中找不到touch.js。我在哪里能找到这个？

<script>
   $(document).on('click', 'ul li a', function(){
       $('h3').css("color", "orange");
   });

   $(document).on( "swipeleft swiperight", function( e ) {
       if ( e.type === "swipeleft"  )     
           $("h3").css("color","blue");
       else 
           $("h3").css("color","green");
   });
</script>

<div data-role="page" id="index" data-theme="a">

    <div data-role="header" class="header" data-position="fixed" data-tap-toggle="false">    
        <h3>TEST</h3>
    </div>

    <div data-role="content" style="margin-top:50px; height:500px; overflow:scroll;">
        <ul data-role="listview">
            <li><a data-role="button" data-icon="home">Accueil</a></li>
            <li><a data-role="button" data-icon="check">Tâches</a></li>
            <li><a data-role="button" data-icon="calendar">Rendez-vous</a></li>
            <li><a data-role="button" data-icon="grid">Dossiers</a></li>
            <li><a data-role="button" data-icon="gear">Paramètres</a></li>
            <li><a data-role="button" data-icon="home">Accueil</a></li>
            <li><a data-role="button" data-icon="check">Tâches</a></li>
            <li><a data-role="button" data-icon="calendar">Rendez-vous</a></li>
            <li><a data-role="button" data-icon="grid">Dossiers</a></li>
            <li><a data-role="button" data-icon="gear">Paramètres</a></li>
            <li><a data-role="button" data-icon="home">Accueil</a></li>
            <li><a data-role="button" data-icon="check">Tâches</a></li>
            <li><a data-role="button" data-icon="calendar">Rendez-vous</a></li>
            <li><a data-role="button" data-icon="grid">Dossiers</a></li>
            <li><a data-role="button" data-icon="gear">Paramètres</a></li>
            <li><a data-role="button" data-icon="home">Accueil</a></li>
            <li><a data-role="button" data-icon="check">Tâches</a></li>
            <li><a data-role="button" data-icon="calendar">Rendez-vous</a></li>
            <li><a data-role="button" data-icon="grid">Dossiers</a></li>
            <li><a data-role="button" data-icon="gear">Paramètres</a></li>
        </ul>
    </div>
</div>

horizontalDistanceThreshold = window.devicePixelRatio >= 2 ? 15 : 30;
verticalDistanceThreshold = window.devicePixelRatio >= 2 ? 15 : 30;