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

Trying to create a touch swipe and delete feature on mobile web. No libraries other than jquery

本文关键字：没有 功能 删除 jquery 移动 移动网 网络 触摸 创建      更新时间：2023-09-26

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

请不要使用jQuery手机，只使用jQuery。

我想按住任何有单词"swipe"的盒子，并在移动设备中向左或向右移动它们。

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>

您可以使用jQuery UI - Sortable
实现这一点另外，jQuery端也不支持触摸设备。有一些用户创建这样的插件，但我真的不知道如果这是工作。如果我找到其他的，我会通知你的。

你可以使用JQuery Ui排序。

添加jquery。Touchpunch插件使jquery UI在移动设备上工作

相关文章：