HTML - 如何在固定上下文中在移动设备上拖放

HTML - How can I drag and drop on mobile in a fixed context

本文关键字：移动 拖放 HTML 上下文      更新时间：2023-09-26

举这个例子

<div class="dragable">Div1</div>
<div class="dragable">Div2</div>
<div class="dragable">Div3</div>
<div class="dragable">Div4</div>

例如，如何在移动设备上将最低div 拖放到最高div 之上（例如手动排序列表）？

我已经尝试了普通的桌面拖放方法，但这似乎不起作用。

您可以使用

jQuery和sortable

.HTML

<p>
    Drag and drop the items below
</p>
<div class="sorted-divs">
   <div class="sortable">Item 1</div>
   <div class="sortable">Item 2</div>
   <div class="sortable">Item 3</div>
   <div class="sortable">Item 4</div>
</div>

jQuery

$(".sorted-divs").sortable();

.CSS

.sortable {
    padding: 20px;
    border: 1px solid black;
}

http://jsfiddle.net/8q96gtj5/

相关文章：