尝试在移动网络上创建触摸滑动和删除功能。没有除 jquery 以外的库答案

【问题标题】：Trying to create a touch swipe and delete feature on mobile web. No libraries other than jquery尝试在移动网络上创建触摸滑动和删除功能。没有除 jquery 以外的库
【发布时间】：2017-02-25 04:23:11
【问题描述】：

尝试仅使用 jquery 和 css3 实现触摸滑动功能。

请不要使用 jQuery mobile，只需使用 jquery。

我想按住任何带有“滑动”字样的框，然后在移动设备中向左或向右移动它们。

ul {
  border: 1px solid black;
  padding: 0;
  margin: 0 auto;
  width: 300px;

}

li {
  width: 150px;
  vertical-align: center;
  margin: 10px auto;
  padding:0;
  list-style: none;
  height: 50px;
  border: 1px solid black;
}

<ul>
  <li>Swipe</li>
  <li>Swipe</li>
  <li>Swipe</li>
  <li>Swipe</li>
  <li>Swipe</li>
  <li>Swipe</li>
</ul>

【问题讨论】：

标签： javascript css css-transitions

【解决方案1】：

您可以使用jQuery UI - Sortable 实现此目的
此外，jQuery 端不支持触摸设备。有一些用户创建的插件，如this，但我真的不知道这个插件是否有效。如果我发现任何其他的，我会通知你。

【讨论】：

【解决方案2】：

您可以使用 JQuery Ui Sortable。

添加 jquery.touchpunch 插件，让 jquery ui 在移动设备上工作。

【讨论】：