HTML-如何在固定上下文中在移動設備上拖放

Question

以這個例子

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

如何在移動設備上將最低div拖放到最高div上方（例如，手動對列表進行排序）？

我嘗試了普通的桌面拖放方法，但這似乎沒有用。

Answer 1

您可以使用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/