求助：jQuery UI Draggable在Windows10触屏桌面无法使用

我们使用jQuery UI的Draggable功能，配合touch-punch库实现触屏支持，该功能在iPad、iPhone、安卓手机/平板上正常工作，但在Windows触屏PC/笔记本的Chrome、Edge、IE浏览器中完全无响应。

实现代码 #

HTML #

<div id="TrendsAreaTrends">
 <div class="graph-scrollbar">
    <div class="graph-scroll-container">
        <div class="graph-scroll"></div>
    </div>
 </div>
</div>

JavaScript #

注：原代码中的选择器存在语法错误（#TrendsAreaTrends. graph-scroll里的类选择器前多了空格），正确写法应为#TrendsAreaTrends .graph-scroll，已修正如下：

$("#TrendsAreaTrends .graph-scroll").draggable({
    axis: "x", 
    containment: "parent",
    drag: function (event, ui) {
        if (vitalHelper.currentScrollX - ui.position.left > 30) {
            vitalHelper.handleMoved = true;
        } else {
            vitalHelper.handleMoved = false;
        }
        shiftHorizontal(ui.position.left);
    }
});

引入的库文件 #

<script type="text/javascript" src="/Scripts/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery-ui-1.13.1.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery.ui.touch-punch.min.js"></script>

已尝试的排查方向 #

• 查阅touch-punch官方使用文档及相关概述内容
• 参考针对Windows触屏设备的touch-punch问题讨论
• 参考同类功能异常的特定修复方案

我们已按推荐方案引入touch-punch，但Windows触屏设备上的问题仍未解决，恳请提供可行的修复方案。

内容的提问来源于stack exchange，提问作者Ranadeep Roy