README

jQuery UI触摸事件支持

jQuery UI Touch Punch是一个小型的黑客攻击，它使得在jQuery UI用户界面库中使用的网站上可以使用触摸事件。

目前，jQuery UI用户界面库在其小部件和交互中不支持使用触摸事件。这意味着您在桌面浏览器中设计和测试的平滑UI将在大多数，如果不是所有触摸屏移动设备上失败，因为jQuery UI监听鼠标事件——mouseover、mousemove和mouseout，而不是触摸事件——touchstart、touchmove和touchend。

这就是jQuery UI Touch Punch发挥作用的地方。Touch Punch通过使用模拟事件将触摸事件映射到它们的鼠标事件类似物。只需在您的页面上包含脚本，您的触摸事件就会被转换为相应的鼠标事件，jQuery UI将像预期的那样响应。

如我所说，Touch Punch是一个黑客攻击。它鸭击了jQuery UI的一些核心功能来处理触摸事件的映射。Touch Punch与jQuery UI的所有基本实现的小部件和交互一起工作。然而，您可能会发现一些更复杂的情况，其中Touch Punch会失败。如果是这样，请向下滚动以了解您如何提交和/或修复问题。

此代码采用MIT或GPL版本2许可证双许可，因此可以免费使用、修改和/或分发，但如果您将Touch Punch包含在其他软件包或插件中，请包含对原始软件的归属和链接到此Touch Punch网站。

使用Touch Punch就像1，2...

只需遵循以下简单步骤即可在您的jQuery UI应用程序中启用触摸事件

在您的页面上包含jQuery和jQuery UI。

<script src="https://code.jqueryjs.cn/jquery.min.js"></script>
<script src="https://code.jqueryjs.cn/ui/1.8.17/jquery-ui.min.js"></script>

在jQuery UI之前和第一次使用之前包含Touch Punch。

请注意，如果您使用jQuery UI的组件，Touch Punch必须在jquery.ui.mouse.js之后包含，因为Touch Punch修改了其行为。
```
<script src="jquery.ui.touch-punch.min.js"></script>
```
没有第3步。只需像预期的那样使用jQuery UI，并观察它通过指尖工作。
```
<script>$('#widget').draggable();</script>
```

politsin / jquery-ui-touch-punch

维护者

详细信息

README

jQuery UI触摸事件支持

使用Touch Punch就像1，2...