添加到Jquery-ui可排序列表

关于Jquery-UI可排序列表的简单问题

我做了：

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

Answer 1

据推测，您只需获取文本，将其包含在具有类ui-state-default的LI中，并将其插入可排序的UL元素中。 然后，您需要刷新 sortable以使新插入的元素被识别：

 $(".btn").click(function (e) { e.preventDefault(); var text = $("input[name='add1']").val(); var $li = $("
").text(text); $("#sortable").append($li); $("#sortable").sortable('refresh'); }); 

你可以在这里试试。

Answer 2

对我来说， $("#sortable").sortable('refresh'); 没用。

但这有效： $("#sortable").trigger("sortupdate");

Answer 3

我知道这不是答案，但@ karim79帮助我找到了一种方法将图像添加到可排序列表中，如果有人需要它，它是：

 function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { var $li = $("
"); $li.append(''); $("#sortable").append($li); $("#sortable").sortable('refresh'); }; reader.readAsDataURL(input.files[0]); } } 

Answer 4

 $("selector").sortable('refresh') 

工作良好。

还有一件事需要注意：

 handle: '.iORAS_ORD' 

如果您使用带可排序的句柄，请不要使用jquery进行选择，例如：

 handle: $('.iORAS_ORD') 

如果使用jQuery，则在插入新项目后无法进行排序。 有关此主题的更多信息。