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

Posted 2023-03-06

【中文标题】尝试在移动网络上创建触摸滑动和删除功能。没有除 jquery 以外的库

【英文标题】：Trying to create a touch swipe and delete feature on mobile web. No libraries other than 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>

【参考方案1】：

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

【参考方案2】：

您可以使用 JQuery Ui Sortable。

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