javascript - 重新排列预先存在的物理形态字段

Question

所以我已经做了一段时间的研究，但在任何地方都找不到任何东西。这就是我想做的事情。现在，使用 javascript，我有一个按钮可以在 div 中创建文本字段。

var i = 1;
function addbox() {
if (i <= 25) {  // max number of textboxes
$('#services').append("<div id='services"+[i]+"'><input type=text placeholder='Additional Service "+[i]+"' name='service[]' maxlength=255 required=required></div>");

i++;
}
else {
alert ("No more services possible")
}
}

话虽这么说，我希望用户能够通过拖动创建的文本字段轻松地重新排列它们。

例如，切换顺序:

<input name="text1">
<input name="text2">

至

<input name="text2">
<input name="text1">

此外，如果能够轻松删除文本字段就好了。任何帮助都会很棒!

Answer 1

尝试jQuery UI Sortable ？

额外的字母，以便可以发布我的答案。