javascript - 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/