Javascript 添加到Jquery ui可排序列表

关于

我已提出：

<div id="adder">
<input type="text" name="add1" /><br />
<input class='btn' type='submit' value='Submit' />
</div>

---

我如何使用它将用户输入的内容添加到jquery ui可排序列表的末尾？

大概，您只需将文本用类

ui状态默认值

包装在LI中，然后将其插入可排序元素中即可。然后，您需要修改可排序表，以便识别新插入的元素：

$(".btn").click(function (e) {
    e.preventDefault();
    var text = $("input[name='add1']").val();
    var $li = $("<li class='ui-state-default'/>").text(text);
    $("#sortable").append($li);
    $("#sortable").sortable('refresh');
});

$（“.btn”）。单击（函数（e）{
e、 预防默认值（）；
var text=$（“输入[name='add1']”）val（）；
var$li=$（“
”）.text（text）；
$（“#可排序”）。追加（$li）；
$（“#可排序”）.sortable（'refresh'）；
});

对我来说，

$（“#可排序”）.sortable（'refresh'）不起作用

但这是可行的：
$（“可排序”）.trigger（“sortupdate”）
我知道这不是确切的答案，但@karim79帮助我找到了一种方法，将图像添加到可排序列表中，如果有人需要，请点击此处：

<input type='file' onchange="readURL(this);" style="width: 100%;" />




函数readURL（输入）{
if（input.files&&input.files[0]）{
var reader=new FileReader（）；
reader.onload=函数（e）{
var$li=$（“
”）；
$li.附加（“”）；
$（“#可排序”）。追加（$li）；
$（“#可排序”）.sortable（'refresh'）；
};
reader.readAsDataURL（input.files[0]）；
}
}

很好

还有一件事需要注意：

handle: '.iORAS_ORD'

如果将handle与sortable一起使用，则不要使用jquery进行选择，例如：

handle: $('.iORAS_ORD')

如果使用jQuery，则在插入后无法对新插入的项进行排序。
谢谢！，但是如何将添加到列表项中？另外，在像这里这样的变量名$li之前，您有关于$li的更多信息吗？@David19801-jQuery负责添加结束标记。
$
只是一种常见的约定，表示此变量包含jQuery对象。希望这能把事情弄清楚。@karim79:jQuery（或-UI）还负责添加新的
？我在你的小提琴上看不清楚。谢谢。这对我在可排序列表中添加图像帮助很大，谢谢
handle: '.iORAS_ORD'

handle: $('.iORAS_ORD')